www.barenecessities.com
Open in
urlscan Pro
104.18.0.147
Public Scan
Submitted URL: http://000.0-0hread119bt4a17q3-tw-okta-0.barenecessities.com/
Effective URL: https://www.barenecessities.com/
Submission: On February 18 via api from US — Scanned from DE
Effective URL: https://www.barenecessities.com/
Submission: On February 18 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST ./default.aspx
<form method="post" action="./default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VSTATE" id="__VSTATE" value="H4sIAAAAAAAEAPvPyC/BxOqUXJJjYKDik5meUeKUXxGQk5ic6pGfk5JapOJb6ZicnF+aV+KTn56Z55ufkpij4uwYEOLs4ZiUn1Kp4puYmReWmVrOz5/CxJhCpkkZqYkpyCalpfCzchmamBhampkZW5ikAABXC4KWpgAAAA==">
<input type="hidden" name="__VSTATELENGTH" id="__VSTATELENGTH" value="168">
<input type="hidden" name="__VSTATEHOST" id="__VSTATEHOST" value="32">
<input type="hidden" name="__VSTATETIMESTAMP" id="__VSTATETIMESTAMP" value="2/18/2024 2:05:56 AM">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="">
</div>
<!-- Header -->
<style>
.topframe div>a>span {
font-size: 1.3125rem !important;
}
@media print,
screen and (min-width: 64.0625em) {
.nav-bar-actions {
max-width: 775px;
}
}
.headerPersonalization {
display: inline-flex;
height: 36px;
align-items: center;
margin-left: -10px;
color: #f8f7f2;
font-size: 0.8125rem;
}
.nav-bar.theme-light .headerPersonalization {
color: #333;
}
.iconBox {
display: inline-flex;
height: 36px;
width: 44px;
padding: 0 0 0 15px;
margin-right: 15px;
}
@media only screen and (min-width:64.0625em) and (max-width:68em) {
.iconBox {
margin-right: 7px;
}
.nav-bar .nav-bar-cta-button {
padding-left: 8px;
padding-right: 8px;
margin-right: -16px;
}
}
.nav-mobile-menu-header .nav-mobile-header svg path {
fill: #333;
}
@media only screen and (min-width:64.0625em) {
.nav-bar-logo-wrapper.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
@media only screen and (max-width:1279px) {
.nav-bar-logo-wrapper.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: .8 0 auto;
}
}
div#dsktp-openSearchBtn {
border-bottom: 1px solid #333;
flex-grow: 1;
height: auto;
min-height: 36px;
margin-top: 2px;
margin-bottom: 1px;
margin-left: 24px;
padding: 0;
max-width: 210px;
width: auto;
}
div#dsktp-openSearchBtn::after {
content: 'Search';
display: inline-block;
margin-top: .24em;
margin-left: .5em;
}
div#nav-bar-actions-icons {
max-width: unset !important;
}
div#dsktp-openSearchBtn svg {
height: 32px;
max-width: 35px;
}
.nav-bar.theme-light a.primary-cta {
margin-right: 15px;
margin-left: 15px;
margin-bottom: 0;
}
@media only screen and (min-width: 64.0625em) and (max-width: 68em) {
.nav-bar .nav-bar-cta-button.nav-bar-cta-button {
margin-left: 9px;
margin-right: 0;
}
#nav-bar-actions-icons .headerPersonalization {
margin-left: 0;
}
}
@media screen and (max-width: 64.06125em) {
div#dsktp-openSearchBtn {
margin-top: 0;
}
}
</style>
<a class="skip-link" href="#main" title="Skip to main content">Skip to main</a>
<div class="banner_2_1_container any">
<!-- 77388: PRESIDENTS DAY (6298) | Clearance (clearance) | GWP(s) (6336, 6313) -->
<style>
:root {
--primary-color: #C9FFFF;
}
#CUSTOM_UNSEEN_SERVANT {
background-color: #B32725;
/* BACKGROUND COLOR */
background-color: var(--primary-color);
/* BACKGROUND COLOR */
}
#CUSTOM_UNSEEN_SERVANT * {
color: #333;
/* COLOR OF ALL TEXT */
}
#CUSTOM_UNSEEN_SERVANT svg.stroke path {
fill: none;
stroke: #333;
/* COLOR OF ARROWS */
}
@media screen and (max-width: 280px) {
.fold-only {
font-size: 90%;
}
}
</style>
<div id="CUSTOM_UNSEEN_SERVANT" class="template_unseen_servant promo-bar theme-zest">
<div class="content-wrapper">
<div class="slickSlider slick-initialized slick-slider">
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 11200px; transform: translate3d(-3200px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1" style="width: 1600px;">
<div><span class="body-1 promo-bar-text fold-only" style="width: 100%; display: inline-block;">
<a href="/search.aspx?search=2024016286&drv=4294961468%2c4294922031&gb=pv_pfid_price&dscnt=1&msg=Top+Drawer+Event" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span class="hide-for-small-only">Free Gifts With $100 & $200+ order!</span>
<span class="show-for-small-only">Free Gifts With $100 & $200+!</span>
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6313both" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>
</span></div>
</div>
<div class="slick-slide" data-slick-index="0" aria-hidden="true" style="width: 1600px;" tabindex="-1">
<div><span class="body-1 promo-bar-text fold-only" style="width: 100%; display: inline-block;">
<a href="/search.aspx?search=2024036298&gb=pv_pfid_price&dscnt=1&msg=Presidents%27+Day+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: '6298', name: 'topframe,gbl,any'}], 'event_label':'6298', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<!--<span class="hide-for-small-only">ENDS TODAY! </span>-->
<span>30% Off Presidents' Day Sale</span>
<!--
<span class="hide-for-small-only"> Example text for desktop only</span>
<span class="show-for-small-only">Example text for mobile only</span>
-->
<!-- CTA ARROW -->
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<!--<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6298"
onclick="gtag('event', 'select_content', {promotions: [{id: '6298', name: 'topframe,gbl,any'}], 'event_label':'6298', 'event_category':'topframe,gbl,any'});">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>-->
</span></div>
</div>
<div class="slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" style="width: 1600px;">
<div><span class="body-1 promo-bar-text" style="width: 100%; display: inline-block;">
<a class="uppercase" href="/search.aspx?search=clearanceCMD&drv=4294922032&gb=PV_PFID_Price&dscnt=1&msg=Clearance" onclick="gtag('event', 'select_content', {promotions: [{id: 'clearance', name: 'topframe,gbl,any'}], 'event_label':'clearance', 'event_category':'topframe,gbl,any'});" tabindex="0">
<!--<span class="hide-for-small-only">ENDS TODAY! </span>-->
<span id="LOYALTY_NA"><span class="hide-for-small-only">NEW</span> CLEARANCE MARKDOWNS <span class="hide-for-small-only">—</span> UP TO 70% OFF!</span>
<!--<span class="show-for-small-only"> </span> -->
<!-- CTA ARROW -->
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<!--<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=clearance"
onclick="gtag('event', 'select_content', {promotions: [{id: 'clearance', name: 'topframe,gbl,any'}], 'event_label':'clearance', 'event_category':'topframe,gbl,any'});">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>-->
</span></div>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 1600px;">
<div><span class="body-1 promo-bar-text fold-only" style="width: 100%; display: inline-block;">
<a href="/search.aspx?search=2024016286&drv=4294961468%2c4294922031&gb=pv_pfid_price&dscnt=1&msg=Top+Drawer+Event" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span class="hide-for-small-only">Free Gifts With $100 & $200+ order!</span>
<span class="show-for-small-only">Free Gifts With $100 & $200+!</span>
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6313both" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>
</span></div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="3" id="" aria-hidden="true" tabindex="-1" style="width: 1600px;">
<div><span class="body-1 promo-bar-text fold-only" style="width: 100%; display: inline-block;">
<a href="/search.aspx?search=2024036298&gb=pv_pfid_price&dscnt=1&msg=Presidents%27+Day+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: '6298', name: 'topframe,gbl,any'}], 'event_label':'6298', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<!--<span class="hide-for-small-only">ENDS TODAY! </span>-->
<span>30% Off Presidents' Day Sale</span>
<!--
<span class="hide-for-small-only"> Example text for desktop only</span>
<span class="show-for-small-only">Example text for mobile only</span>
-->
<!-- CTA ARROW -->
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<!--<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6298"
onclick="gtag('event', 'select_content', {promotions: [{id: '6298', name: 'topframe,gbl,any'}], 'event_label':'6298', 'event_category':'topframe,gbl,any'});">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>-->
</span></div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="4" id="" aria-hidden="true" tabindex="-1" style="width: 1600px;">
<div><span class="body-1 promo-bar-text" style="width: 100%; display: inline-block;">
<a class="uppercase" href="/search.aspx?search=clearanceCMD&drv=4294922032&gb=PV_PFID_Price&dscnt=1&msg=Clearance" onclick="gtag('event', 'select_content', {promotions: [{id: 'clearance', name: 'topframe,gbl,any'}], 'event_label':'clearance', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<!--<span class="hide-for-small-only">ENDS TODAY! </span>-->
<span id=""><span class="hide-for-small-only">NEW</span> CLEARANCE MARKDOWNS <span class="hide-for-small-only">—</span> UP TO 70% OFF!</span>
<!--<span class="show-for-small-only"> </span> -->
<!-- CTA ARROW -->
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<!--<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=clearance"
onclick="gtag('event', 'select_content', {promotions: [{id: 'clearance', name: 'topframe,gbl,any'}], 'event_label':'clearance', 'event_category':'topframe,gbl,any'});">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>-->
</span></div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="5" id="" aria-hidden="true" tabindex="-1" style="width: 1600px;">
<div><span class="body-1 promo-bar-text fold-only" style="width: 100%; display: inline-block;">
<a href="/search.aspx?search=2024016286&drv=4294961468%2c4294922031&gb=pv_pfid_price&dscnt=1&msg=Top+Drawer+Event" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span class="hide-for-small-only">Free Gifts With $100 & $200+ order!</span>
<span class="show-for-small-only">Free Gifts With $100 & $200+!</span>
<span style="padding-left: 4px">
<svg class="stroke" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6313both" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: 'topframe,gbl,any'}], 'event_label':'6336', 'event_category':'topframe,gbl,any'});" tabindex="-1">
<span style="text-decoration:underline; font-size: 80%;">Details</span>
</a>
</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$('.template_unseen_servant .slickSlider:visible:not(.slick-initialized)').slick({
dots: false,
speed: 1000,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
autoplay: true,
autoplaySpeed: 5000,
vertical: false,
verticalSwiping: false,
});
</script><a id="iedepmodal" class="sale_related promo-modal" href="/secure/promo_detail_asynch.aspx?promo=IEBROWSER" style="display:none;"></a>
<script>
$(function() {
if (BareNecessities.Cookie.Get('isIEnav') == !null) {} else {
if (BareNecessities.Cookie.Get('isIEnav') == "IE ") {
document.getElementById('iedepmodal').click();
} else {
var ua = navigator.userAgent
M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if (/trident/i.test(M[1])) {
BareNecessities.Cookie.Set("isIEnav", M, 365);
document.getElementById('iedepmodal').click();
}
}
}
});
</script>
</div>
<header class="top-bar-wrapper show-for-small-only">
<div class="nav-bar nav-bar--expanded theme-dark">
<div class="grid-x content-wrapper">
<div id="ctlHeader_nonCheckoutHeader_mobile" class="cell auto">
<div id="top_modal_container_mobile" class="nav-bar-top-wrapper grid-x pr-20 small-pr-0">
<div class="nav-bar-logo-wrapper cell auto">
<div class="bn-signature">
<svg width="100%" height="100%" viewBox="0 0 39 24" class="fill-cream">
<use href="#bn-signature"></use>
</svg>
</div>
<div class="bn-logo">
<svg viewBox="0 0 613 77" class="fill-cream">
<use href="#bn-logo"></use>
</svg>
</div>
</div>
<div class="grid-x align-top align-right cell auto">
<div class="nav-bar-actions grid-x grid-padding-x align-middle cell auto">
<div class="grid-x grid-padding-x align-right cell auto nav-bar-actions-icons">
<div id="mob-openSearchBtn" class="cell small-6 medium-3 cursor-pointer">
<svg width="100%" height="100%" viewBox="0 0 24 25" fill="none" class="" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.7637 14.2397C17.6649 14.4975 17.7938 14.7867 18.0516 14.8855C18.3094 14.9844 18.5986 14.8555 18.6975 14.5977L17.7637 14.2397ZM13.2573 19.8182C13.519 19.7302 13.6598 19.4466 13.5717 19.1849C13.4836 18.9232 13.2 18.7824 12.9383 18.8705L13.2573 19.8182ZM10.4336 19.2786C6.09944 19.2786 2.58594 15.765 2.58594 11.4309H1.58594C1.58594 16.3173 5.54716 20.2786 10.4336 20.2786V19.2786ZM2.58594 11.4309C2.58594 7.0968 6.09944 3.58329 10.4336 3.58329V2.58329C5.54716 2.58329 1.58594 6.54451 1.58594 11.4309H2.58594ZM10.4336 3.58329C14.7677 3.58329 18.2812 7.0968 18.2812 11.4309H19.2812C19.2812 6.54451 15.32 2.58329 10.4336 2.58329V3.58329ZM18.2812 11.4309C18.2812 12.4216 18.0979 13.3683 17.7637 14.2397L18.6975 14.5977C19.0747 13.6138 19.2812 12.5459 19.2812 11.4309H18.2812ZM12.9383 18.8705C12.1524 19.135 11.3102 19.2786 10.4336 19.2786V20.2786C11.4201 20.2786 12.3699 20.1169 13.2573 19.8182L12.9383 18.8705Z"
class="fill-cream"></path>
<path d="M16.6953 17.6927L22.2291 23.2264" class="stroke-cream" stroke-linecap="round"></path>
</svg>
</div>
<div class="cell small-6 medium-3">
<a href="https://www.barenecessities.com/secure/shoppingbag.aspx" style="display: inline; display:flex; align-items: center; justify-content: center; height: 100%;">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none">
<g clip-path="url(#clip0_288_1304)">
<path d="M8.17969 12.2753C8.17969 12.5515 8.40355 12.7753 8.67969 12.7753C8.95583 12.7753 9.17969 12.5515 9.17969 12.2753H8.17969ZM14.82 12.2753C14.82 12.5515 15.0439 12.7753 15.32 12.7753C15.5961 12.7753 15.82 12.5515 15.82 12.2753H14.82ZM9.17969 5.81812C9.17969 4.26059 10.4423 2.99796 11.9998 2.99796V1.99796C9.89003 1.99796 8.17969 3.7083 8.17969 5.81812H9.17969ZM11.9998 2.99796C13.5574 2.99796 14.82 4.26059 14.82 5.81812H15.82C15.82 3.7083 14.1097 1.99796 11.9998 1.99796V2.99796ZM8.17969 5.81812V12.2753H9.17969V5.81812H8.17969ZM14.82 5.81812V12.2753H15.82V5.81812H14.82Z" class="fill-cream"></path>
<path id="bag-path-mobile" d="M4.10526 8.10742H19.8947L21.7108 21.6095C21.8639 22.7475 20.9788 23.7596 19.8305 23.7596H4.1695C3.0212 23.7596 2.13613 22.7475 2.2892 21.6095L4.10526 8.10742Z" class="fill-none"></path>
<path d="M4.10526 8.10742V7.60742H3.66801L3.60973 8.04077L4.10526 8.10742ZM19.8947 8.10742L20.3903 8.04077L20.332 7.60742H19.8947V8.10742ZM21.7108 21.6095L21.2153 21.6761L21.7108 21.6095ZM4.10526 8.60742H19.8947V7.60742H4.10526V8.60742ZM19.3992 8.17407L21.2153 21.6761L22.2063 21.5428L20.3903 8.04077L19.3992 8.17407ZM19.8305 23.2596H4.1695V24.2596H19.8305V23.2596ZM2.78474 21.6761L4.6008 8.17407L3.60973 8.04077L1.79366 21.5428L2.78474 21.6761ZM4.1695 23.2596C3.32382 23.2596 2.67201 22.5142 2.78474 21.6761L1.79366 21.5428C1.60025 22.9808 2.71857 24.2596 4.1695 24.2596V23.2596ZM21.2153 21.6761C21.328 22.5142 20.6762 23.2596 19.8305 23.2596V24.2596C21.2814 24.2596 22.3998 22.9808 22.2063 21.5428L21.2153 21.6761Z" class="fill-cream"></path>
</g>
<defs>
<clipPath id="clip0_288_1304">
<rect width="24" height="24" fill="white" transform="translate(0 0.998047)"></rect>
</clipPath>
</defs>
</svg>
<span data-bind="text: Summary.itemCount()" id="ItemsInCartLabel2">0</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ctlHeader_hamburgerMenu" class="menu-button grid-x justify-center align-center cell auto show-for-small-only bg-white">
<button type="button" id="hamburger_button" class="hamburger_button">
<div class="menu-button-inner">
<svg width="100%" height="100%" viewBox="0 0 26 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="25.5" y2="0.5" class="stroke-charcoal" stroke-linecap="round"></line>
<line x1="0.5" y1="8.5" x2="25.5" y2="8.5" class="stroke-charcoal" stroke-linecap="round"></line>
<line x1="0.5" y1="16.5" x2="25.5" y2="16.5" class="stroke-charcoal" stroke-linecap="round"></line>
</svg>
</div>
</button>
</div>
</div>
</div>
</header>
<header class="show-for-medium">
<div class="nav-bar nav-bar--expanded theme-light pl-30 medium-px-30 ">
<div class="grid-x max-width-maxcontent mx-auto">
<div id="ctlHeader_nonCheckoutHeader" class="cell auto static-position">
<div id="top_modal_container" class="nav-bar-top-wrapper grid-x pr-20 small-pr-0">
<div class="nav-bar-logo-wrapper cell auto">
<div class="bn-signature">
<svg width="100%" height="100%" viewBox="0 0 39 24" class="fill-charcoal">
<use href="#bn-signature"></use>
</svg>
</div>
<div class="bn-logo">
<svg viewBox="0 0 613 77" class="fill-charcoal">
<use href="#bn-logo"></use>
</svg>
</div>
</div>
<div class="grid-x align-top align-right cell auto">
<div class="nav-bar-actions grid-x grid-padding-x align-middle cell auto align-right">
<div id="nav-bar-actions-icons" class="grid-x grid-padding-x align-right cell auto nav-bar-actions-icons" style="max-width: 286px;">
<div id="dsktp-openSearchBtn" class="srchContainer iconBox cursor-pointer">
<svg width="100%" height="100%" viewBox="0 0 24 25" fill="none" class="" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.7637 14.2397C17.6649 14.4975 17.7938 14.7867 18.0516 14.8855C18.3094 14.9844 18.5986 14.8555 18.6975 14.5977L17.7637 14.2397ZM13.2573 19.8182C13.519 19.7302 13.6598 19.4466 13.5717 19.1849C13.4836 18.9232 13.2 18.7824 12.9383 18.8705L13.2573 19.8182ZM10.4336 19.2786C6.09944 19.2786 2.58594 15.765 2.58594 11.4309H1.58594C1.58594 16.3173 5.54716 20.2786 10.4336 20.2786V19.2786ZM2.58594 11.4309C2.58594 7.0968 6.09944 3.58329 10.4336 3.58329V2.58329C5.54716 2.58329 1.58594 6.54451 1.58594 11.4309H2.58594ZM10.4336 3.58329C14.7677 3.58329 18.2812 7.0968 18.2812 11.4309H19.2812C19.2812 6.54451 15.32 2.58329 10.4336 2.58329V3.58329ZM18.2812 11.4309C18.2812 12.4216 18.0979 13.3683 17.7637 14.2397L18.6975 14.5977C19.0747 13.6138 19.2812 12.5459 19.2812 11.4309H18.2812ZM12.9383 18.8705C12.1524 19.135 11.3102 19.2786 10.4336 19.2786V20.2786C11.4201 20.2786 12.3699 20.1169 13.2573 19.8182L12.9383 18.8705Z"
class="fill-charcoal"></path>
<path d="M16.6953 17.6927L22.2291 23.2264" class="stroke-charcoal" stroke-linecap="round"></path>
</svg>
</div>
<div class="show-for-large" style="display: inline-flex;">
<a class="primary-cta nav-bar-cta-button color-charcoal button" href="/finder.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'FIND_MY_FIT', name: 'HEADER'}], 'event_label':'FIND_MY_FIT', 'event_category':'HEADER'});" title="TAKE OUR BRA QUIZ">find my fit</a>
</div>
<div class="bagContainer iconBox cursor-pointer" style="align-items: center; justify-content: center; width: 44px; padding-right: 0;">
<a href="https://www.barenecessities.com/secure/shoppingbag.aspx" style="display: inline; display:flex; align-items: center; justify-content: center; height: 100%;">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none">
<g clip-path="url(#clip0_288_1304)">
<path d="M8.17969 12.2753C8.17969 12.5515 8.40355 12.7753 8.67969 12.7753C8.95583 12.7753 9.17969 12.5515 9.17969 12.2753H8.17969ZM14.82 12.2753C14.82 12.5515 15.0439 12.7753 15.32 12.7753C15.5961 12.7753 15.82 12.5515 15.82 12.2753H14.82ZM9.17969 5.81812C9.17969 4.26059 10.4423 2.99796 11.9998 2.99796V1.99796C9.89003 1.99796 8.17969 3.7083 8.17969 5.81812H9.17969ZM11.9998 2.99796C13.5574 2.99796 14.82 4.26059 14.82 5.81812H15.82C15.82 3.7083 14.1097 1.99796 11.9998 1.99796V2.99796ZM8.17969 5.81812V12.2753H9.17969V5.81812H8.17969ZM14.82 5.81812V12.2753H15.82V5.81812H14.82Z" class="fill-charcoal"></path>
<path id="bag-path-desktop" d="M4.10526 8.10742H19.8947L21.7108 21.6095C21.8639 22.7475 20.9788 23.7596 19.8305 23.7596H4.1695C3.0212 23.7596 2.13613 22.7475 2.2892 21.6095L4.10526 8.10742Z" class="fill-none"></path>
<path d="M4.10526 8.10742V7.60742H3.66801L3.60973 8.04077L4.10526 8.10742ZM19.8947 8.10742L20.3903 8.04077L20.332 7.60742H19.8947V8.10742ZM21.7108 21.6095L21.2153 21.6761L21.7108 21.6095ZM4.10526 8.60742H19.8947V7.60742H4.10526V8.60742ZM19.3992 8.17407L21.2153 21.6761L22.2063 21.5428L20.3903 8.04077L19.3992 8.17407ZM19.8305 23.2596H4.1695V24.2596H19.8305V23.2596ZM2.78474 21.6761L4.6008 8.17407L3.60973 8.04077L1.79366 21.5428L2.78474 21.6761ZM4.1695 23.2596C3.32382 23.2596 2.67201 22.5142 2.78474 21.6761L1.79366 21.5428C1.60025 22.9808 2.71857 24.2596 4.1695 24.2596V23.2596ZM21.2153 21.6761C21.328 22.5142 20.6762 23.2596 19.8305 23.2596V24.2596C21.2814 24.2596 22.3998 22.9808 22.2063 21.5428L21.2153 21.6761Z" class="fill-charcoal"></path>
</g>
<defs>
<clipPath id="clip0_288_1304">
<rect width="24" height="24" fill="white" transform="translate(0 0.998047)"></rect>
</clipPath>
</defs>
</svg>
<span data-bind="text: Summary.itemCount()" id="ItemsInCartLabel">0</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="grid-x pb-20 show-for-medium">
<nav class="nav-bar-links-section grid-x" aria-label="site" role="navigation">
<ul class="nav-bar-dropdown dropdown menu theme-light" data-dropdown-menu="grxtdl-dropdown-menu" role="menubar">
<!-- 77364: MegaMenu7 - Top Nav: MegaMenu7 - Top Nav: SHOPBYBRASIZE_1.08_09/20/2023 V01.000 -->
<style>
/*
Relevant CSS from test that moved the button
Button was added inside the following list item in the mega-menu
<li class="nav-bar-dropdown-item" id="nav-bar-find-my-fit" style="display: none;"></li>
*/
#nav-bar-find-my-fit {
padding: .7em 32px 1em 0;
}
#nav-bar-find-my-fit>a {
background-color: transparent;
border: 1px solid;
border-color: #333;
border-radius: 5em;
color: #333;
margin: -0.5em -0.875em -0.5em 0;
padding: 0.5em 0.875em;
position: relative;
}
#nav-bar-find-my-fit>a:hover {
background-color: #333;
color: #f8f7f2;
}
@media screen and (min-width: 48em) and (max-width: 1250px) {
#nav-bar-find-my-fit,
.nav-bar .dropdown.menu>li:not(.is-dropdown-submenu-parent)>a,
.nav-bar-dropdown.dropdown.menu>li.is-dropdown-submenu-parent>a {
padding-right: 30px;
}
}
@media screen and (min-width: 48em) and (max-width: 1220px) {
#nav-bar-find-my-fit,
.nav-bar .dropdown.menu>li:not(.is-dropdown-submenu-parent)>a,
.nav-bar-dropdown.dropdown.menu>li.is-dropdown-submenu-parent>a {
padding-right: 28px;
}
}
@media screen and (min-width: 48em) and (max-width: 1191px) {
#nav-bar-find-my-fit,
.nav-bar .dropdown.menu>li:not(.is-dropdown-submenu-parent)>a,
.nav-bar-dropdown.dropdown.menu>li.is-dropdown-submenu-parent>a {
font-size: 0.9em;
padding-right: 21.5px;
margin-top: -5.5px;
}
#nav-bar-find-my-fit>a {
margin-right: -.75em;
padding: .5em .75em;
}
}
@media screen and (min-width: 48em) and (max-width: 1014px) {
#nav-bar-find-my-fit,
.nav-bar .dropdown.menu>li:not(.is-dropdown-submenu-parent)>a,
.nav-bar-dropdown.dropdown.menu>li.is-dropdown-submenu-parent>a {
font-size: 0.8em;
padding-right: 12.67px;
margin-top: -2.5px !important;
}
.nav-bar-dropdown.theme-light .pipe {
margin-right: 15.93px;
}
}
</style>
<li id="nav-bar-find-my-fit" class="" role="none">
<a href="/shopbybrasize.aspx" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'BRA_SIZE', name: 'mm,topnav,New'}], 'event_label':'BRA_SIZE', 'event_category':'mm,topnav,New'});" title="New" role="menuitem" aria-haspopup="false">
<div>
<span class="">Shop By Bra Size</span>
</div>
</a>
</li><!-- 77355: MegaMenu7 - Top Nav: NEW_1.08_2023/11/01 V01.000 - UrlUtil_update - 20230614pantyUrlDateIn -->
<li id="new-items-megamenu" class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/search.aspx?drv=4294956988&sb=DD&msg=New+Arrivals" rel="nofollow" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,New'}], 'event_label':'all', 'event_category':'mm,topnav,New'});" title="New" role="menuitem" aria-haspopup="true" aria-label="
New
">
<div>
<span class="nav-bar-dropdown-item-hook-text">New</span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<!-- <div class="nav-dropdown-single-image">
<a href="/" onClick="gtag('event', 'select_content', {promotions: [{id: 'New', name: 'mm,New,stories'}], 'event_label':'New', 'event_category':'mm,New,stories'});" title="New" style="padding: 0;">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2022/wk39/5028/GiftGuideDesktop/gg_ready_to_gift_278.jpg" style="width:50%;">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">New</p>
</div>
</a>
</div>-->
</div>
<div class="cell medium-12 large-8 seamless-override-controller">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 align-bottom megaTitle">
<section class="cell" style="">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Just In</h4>
</section>
<section class="cell" style="">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">On Trend</h4>
</section>
<section class="cell" style="">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Most Wanted</h4>
</section>
<section class="cell" style="">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Now Featuring</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Bras_catalog_nxs,31,style,42833,sb,DD.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras', name: 'mm,new,New_In'}], 'event_label':'Bras', 'event_category':'mm,new,New_In'});" role="menuitem" title="Bras">
Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/new-arrivals-m48317/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panties', name: 'mm,new,New_In'}], 'event_label':'Panties', 'event_category':'mm,new,New_In'});" role="menuitem" title="Panties">
Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Swimwear_catalog_nxs,121,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimsuits', name: 'mm,new,New_In'}], 'event_label':'Swimsuits', 'event_category':'mm,new,New_In'});" role="menuitem" title="Swimsuits">
Swim
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Activewear_catalog_nxs,165,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Activewear', name: 'mm,new,New_In'}], 'event_label':'Activewear', 'event_category':'mm,new,New_In'});" role="menuitem" title="Activewear">
Active
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Sleepwear_catalog_nxs,38,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sleepwear', name: 'mm,new,New_In'}], 'event_label':'Sleepwear', 'event_category':'mm,new,New_In'});" role="menuitem" title="Sleepwear">
Sleepwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Sexy-Lingerie_catalog_nxs,106,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy_Lingerie', name: 'mm,new,New_In'}], 'event_label':'Sexy_Lingerie', 'event_category':'mm,new,New_In'});" role="menuitem" title="Sexy Lingerie">
Sexy Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Shapewear_catalog_nxs,33,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shape', name: 'mm,new,New_In'}], 'event_label':'Shape', 'event_category':'mm,new,New_In'});" role="menuitem" title="Shape">
Shape
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023516283&msg=Made+by+Bare+Necessities" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'Made By Bare Necessities', name: 'mm,new,Trending'}], 'event_label':'Made By Bare Necessities', 'event_category':'mm,new,Trending'});" role="menuitem" title="Made By Bare Necessities">
Made By Bare Necessities
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2024016291&drv=4294959444&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'The Swim Edit', name: 'mm,new,Trending'}], 'event_label':'The Swim Edit', 'event_category':'mm,new,Trending'});" role="menuitem" title="The Swim Edit ">
The Swim Edit
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sports-Bras-Bras_catalog_nxs,31,style,12064.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sports Bras that Slay ', name: 'mm,new,Trending'}], 'event_label':'Sports Bras that Slay ', 'event_category':'mm,new,Trending'});" role="menuitem" title="Sports Bras that Slay ">
Sports Bras that Slay
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/T-Shirt-Bras-Bras_catalog_nxs,31,style,130.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'T-Shirt_Bras', name: 'mm,new,Trending'}], 'event_label':'T-Shirt_Bras', 'event_category':'mm,new,Trending'});" role="menuitem" title="T-Shirt Bras">
T-Shirt Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?drv=176676&msg=Bodysuits" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bodysuits', name: 'mm,new,Trending'}], 'event_label':'Bodysuits', 'event_category':'mm,new,Trending'});" role="menuitem" title="Bodysuits">
Bodysuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Swimsuit-Cover-Ups-Swimwear_catalog_nxs,121,style,32787.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Cover Ups', name: 'mm,new,Trending'}], 'event_label':'Cover Ups', 'event_category':'mm,new,Trending'});" role="menuitem" title="Cover Ups">
Cover Ups
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023316166&msg=UK+Brands" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'UK-Sized Brands ', name: 'mm,new,Trending'}], 'event_label':'UK-Sized Brands ', 'event_category':'mm,new,Trending'});" role="menuitem" title="UK-Sized Brands ">
UK-Sized Brands
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Beach-Riot_brand_686.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Beach_Riot', name: 'mm,new,New_Brands'}], 'event_label':'Beach_Riot', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Beach Riot">
Beach Riot
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Birdsong-Swimwear_catalog_nxs,121,vendor,138023.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Birdsong ', name: 'mm,new,New_Brands'}], 'event_label':'Birdsong ', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Birdsong ">
Birdsong
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Camio-Mio_brand_670.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Camio Mio ', name: 'mm,new,New_Brands'}], 'event_label':'Camio Mio ', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Camio Mio ">
Camio Mio
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Hanky-Panky_brand_120.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hanky Panky', name: 'mm,new,New_Brands'}], 'event_label':'Hanky Panky', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Hanky Panky">
Hanky Panky
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Panache_brand_89.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panache ', name: 'mm,new,New_Brands'}], 'event_label':'Panache ', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Panache ">
Panache
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/P-J--Salvage-Sleepwear_catalog_nxs,38,vendor,799.htm" onclick="gtag('event', 'select_content', {promotions: [{id:'PJ Salvage ', name: 'mm,new,New_Brands'}], 'event_label':'PJ Salvage ', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="PJ Salvage ">
PJ Salvage
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?drv=34620&msg=Ugg" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'Ugg', name: 'mm,new,New_Brands'}], 'event_label':'Ugg', 'event_category':'mm,new,New_Brands'});" role="menuitem" title="Ugg">
Ugg
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shopbybrasize.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shop_By_Bra_Size', name: 'mm,new,Featured_Stories'}], 'event_label':'Shop_By_Bra_Size', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="Shop By Bra Size">
Shop By Bra Size
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bra-Sized-Swimsuits-Swimwear_catalog_nxs,121,style,37636.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bra-Sized_Swimwear', name: 'mm,new,Trending'}], 'event_label':'Bra-Sized_Swimwear', 'event_category':'mm,new,Trending'});" role="menuitem" title="Bra-Sized Swimwear">
Bra-Sized Swimwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=barepantyevent&msg=Exclusively+Ours+Panties" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'Our Exclusive Panty Deals ', name: 'mm,new,Featured_Stories'}], 'event_label':'Our Exclusive Panty Deals ', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="Our Exclusive Panty Deals ">
Our Exclusive Panty Deals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/panty/3-for-48/" onclick="gtag('event', 'select_content', {promotions: [{id: '3_for_48_Panties', name: 'mm,new,Featured_Stories'}], 'event_label':'3_for_48_Panties', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="3 for $48 Panties">
3 for $48 Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shop.aspx?pagetype=shopping6&pagename=couponsandpromotions" onclick="gtag('event', 'select_content', {promotions: [{id: 'Todays_Deals', name: 'mm,new,Featured_Stories'}], 'event_label':'Todays_Deals', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="Today's Deals">
Today's Deals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=In_The_Press" onclick="gtag('event', 'select_content', {promotions: [{id: 'In_The_Press', name: 'mm,new,Featured_Stories'}], 'event_label':'In_The_Press', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="In The Press">
In The Press
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/product_gc.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'Gift_Cards', name: 'mm,new,Featured_Stories'}], 'event_label':'Gift_Cards', 'event_category':'mm,new,Featured_Stories'});" role="menuitem" title="Gift Cards">
Gift Cards
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<!-- tags below moved to separate dcm -->
<!--
</div>
</div>
</ul>
</li>
--><!-- 75909: MegaMenu7 - Top Nav: NEW_1.09_20230614 V01.000 - UrlUtil_update - 20230614pantyUrlDateIn -->
<style>
.seamless-override-controller {
width: 66.6666666% !important;
}
</style>
<div class="cell medium-3 megaNoTitle">
<div class="grid-x">
<!-- Editorial Stories -->
<div class="cell medium-12 nav-dropdown-single-image">
<div id="JOIN_SEAMLESS_MM" class="seamless">
<a href="/secure/MyAccount/SignIn.aspx?sm=cao" manual_cm_sp="megaMenu-_-16.20-_-6168_loyalty" onclick="gtag('event', 'select_content', {promotions: [{id: '6168_loyalty', name: 'megaMenu'}], 'event_label':'6168_loyalty', 'event_category':'megaMenu'});" class="cell" title="Become a Seamless Loyalty Member" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_mega_menu.jpg" alt="Become a Seamless Loyalty Member" width="100%" height="auto" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_mega_menu.jpg">
</a>
</div>
</div>
<!-- //Editorial Stories -->
</div>
</div><!-- 75907: Ends/closes NEW_1.10 Megamenu (this is just the closing tags) -->
</div>
</div>
</ul>
</li><!-- 77416 Mega - Bras: Added lazy Loading - v0.01 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Bras_catalog_nxs,31.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,bra'}], 'event_label':'all', 'event_category':'mm,topnav,bra'});" title="Shop Bras" role="menuitem" aria-haspopup="true" aria-label="
Bras
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Bras </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style=" width: 97%; margin-left: auto; margin-right: 0px; ">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 70%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<!--Featured Stories -->
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/finder.aspx" manual_cm_sp="mm,alldept,desktop-_-Featured-_-brafinder" onclick="gtag('event', 'select_content', {promotions: [{id: 'brafinder', name: 'mm,alldept,Featured'}], 'event_label':'brafinder', 'event_category':'mm,alldept,Featured'});" title="Bra Finder" role="menuitem">
Bra Finder
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/DD%2B-Bras_catalog_nxs,155.htm" manual_cm_sp="mm,Bras,desktop-_-Featured-_-DDplus_Must_Haves" onclick="gtag('event', 'select_content', {promotions: [{id: 'DDplus_Must_Haves', name: 'mm,Bras,Featured'}], 'event_label':'DDplus_Must_Haves', 'event_category':'mm,Bras,Featured'});" title="DD+" role="menuitem">
DD+ Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Bras_catalog_nxs,31,style,83398.htm" manual_cm_sp="mm,Bras,desktop-_-Featured-_-BestSellers" onclick="gtag('event', 'select_content', {promotions: [{id: 'BestSellers', name: 'mm,Bras,Featured'}], 'event_label':'BestSellers', 'event_category':'mm,Bras,Featured'});" title="BestSellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294961468&msg=Exclusively+Ours" rel="nofollow" manual_cm_sp="mm,Bras,desktop-_-Featured-_-ExclusivelyOurs" onclick="gtag('event', 'select_content', {promotions: [{id: 'ExclusivelyOurs', name: 'mm,Bras,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,Bras,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size-Bras_catalog_nxs,47.htm" manual_cm_sp="mm,Bras,desktop-_-Featured-_-Plus_Size" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus_Size', name: 'mm,Bras,Featured'}], 'event_label':'Plus_Size', 'event_category':'mm,Bras,Featured'});" title="Plus Size" role="menuitem">
Plus-Size Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BRAS-ON-SALE-Bras_catalog_nxs,31,style,48091.htm" manual_cm_sp="mm,Bras,desktop-_-Featured-_-Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sale', name: 'mm,Bras,Featured'}], 'event_label':'Sale', 'event_category':'mm,Bras,Featured'});" title="Sale" role="menuitem">
Bras on Sale
</a>
</li>
</ul>
</section>
<!--Styles -->
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Wire-Free-Bras_catalog_nxs,31,style,65.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Wire-Free', name: 'mm,Bras,Styles'}], 'event_label':'Wire-Free', 'event_category':'mm,Bras,Styles'});" title="Wire-Free" role="menuitem">Wire-Free Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sports-Bras-Bras_catalog_nxs,31,style,12064.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sports_Bras', name: 'mm,Bras,Styles'}], 'event_label':'Sports_Bras', 'event_category':'mm,Bras,Styles'});" title="Sports Bras" role="menuitem">Sports Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/T-Shirt-Bras-Bras_catalog_nxs,31,style,130.htm" manual_cm_sp="mm,Bras,desktop-_-Styles-_-T-Shirt_Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'T-Shirt_Bras', name: 'mm,Bras,Styles'}], 'event_label':'T-Shirt_Bras', 'event_category':'mm,Bras,Styles'});" title="T-Shirt Bras" role="menuitem">T-Shirt Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Minimizer-Bras-Bras_catalog_nxs,31,style,61.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Minimizer', name: 'mm,Bras,Styles'}], 'event_label':'Minimizer', 'event_category':'mm,Bras,Styles'});" title="Minimizer" role="menuitem">Minimizer Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Underwire-Bras_catalog_nxs,31,style,44.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Underwire', name: 'mm,Bras,Styles'}], 'event_label':'Underwire', 'event_category':'mm,Bras,Styles'});" title="Underwire" role="menuitem">Underwire Bras</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Strapless-Bras-Bras_catalog_nxs,31,style,11.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Strapless', name: 'mm,Bras,Styles'}], 'event_label':'Strapless', 'event_category':'mm,Bras,Styles'});" title="Strapless" role="menuitem">Strapless Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bralettes-Bras_catalog_nxs,31,style,79.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bralettes', name: 'mm,Bras,Styles'}], 'event_label':'Bralettes', 'event_category':'mm,Bras,Styles'});" title="Bralettes" role="menuitem">Bralettes</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Front-Close-Bras-Bras_catalog_nxs,31,style,34.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Front_Close', name: 'mm,Bras,Styles'}], 'event_label':'Front_Close', 'event_category':'mm,Bras,Styles'});" title="Front Close" role="menuitem">Front-Close Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Push-Up-Bras-Bras_catalog_nxs,31,style,62.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Push-up', name: 'mm,Bras,Styles'}], 'event_label':'Push-up', 'event_category':'mm,Bras,Styles'});" title="Push-Up" role="menuitem">Push-Up Bras</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Racerback-Bras-Bras_catalog_nxs,31,style,92.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Racerback', name: 'mm,Bras,Styles'}], 'event_label':'Racerback', 'event_category':'mm,Bras,Styles'});" title="Racerback" role="menuitem">Racerback Bras</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Nursing--Maternity-Bras-Bras_catalog_nxs,31,style,12.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Nursing_N_Maternity', name: 'mm,Bras,Styles'}], 'event_label':'Nursing_N_Maternity', 'event_category':'mm,Bras,Styles'});" title="Nursing & Maternity" role="menuitem">Nursing & Maternity</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Mastectomy-Bras-Bras_catalog_nxs,31,style,32778.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Mastectomy', name: 'mm,Bras,Styles'}], 'event_label':'Mastectomy', 'event_category':'mm,Bras,Styles'});" title="Mastectomy" role="menuitem">Mastectomy</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Balconette-Bras-Bras_catalog_nxs,31,style,67988.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'balconette', name: 'mm,Bras,Styles'}], 'event_label':'balconette', 'event_category':'mm,Bras,Styles'});" title="Balconette" role="menuitem">Balconette</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plunge-Bras-Bras_catalog_nxs,31,style,12042.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'plunge', name: 'mm,Bras,Styles'}], 'event_label':'plunge', 'event_category':'mm,Bras,Styles'});" title="Plunge" role="menuitem">Plunge</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Lightly-Lined-Bras-Bras_catalog_nxs,31,style,168396.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Lightly Lined', name: 'mm,Bras,Styles'}], 'event_label':'Lightly Lined', 'event_category':'mm,Bras,Styles'});" title="Plunge" role="menuitem">Lightly Lined Bras</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3 megaNoTitle">
<div class="grid-x">
<!-- Editorial Stories -->
<div class="cell medium-6 nav-dropdown-single-image">
<a href="/finder.aspx" manual_cm_sp="mm,Bras,desktop-_-stories-_-brafinder" onclick="gtag('event', 'select_content', {promotions: [{id: 'bra', name: 'mm,bra,stories,brafinder'}], 'event_label':'bra', 'event_category':'mm,bra,stories,brafinder'});" title="Fit Finder" style="padding: 0;" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/bra/v1/mm_bras_271x300.jpg" style="width: 100%;" alt="Fit Finder" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/bra/v1/mm_bras_271x300.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Bra Fit Finder</p>
</div>
</a>
</div>
<div class="cell medium-6 nav-dropdown-single-image">
<a href="/Bare_brand_673.htm" manual_cm_sp="mm,Bras,desktop-_-stories-_-barevendor" onclick="gtag('event', 'select_content', {promotions: [{id: 'bra', name: 'mm,bra,stories,barevendor'}], 'event_label':'bra', 'event_category':'mm,bra,stories,barevendor'});" title="Bare" style="padding: 0;" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/bra/v1/mm_bras_271x150.jpg" style="width: 100%;" alt="Bare" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/bra/v1/mm_bras_271x150.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Meet Bare by Bare Necessities </p>
</div>
</a>
</div>
<!-- //Editorial Stories -->
</div>
</div>
</div>
</div>
</ul>
</li><!-- 75938: MegaMenu7 - Top Nav: panties_1.20_2023-08-22 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="https://www.barenecessities.com/panties-c32/" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,panties'}], 'event_label':'all', 'event_category':'mm,topnav,panties'});" title="Shop Panties" role="menuitem" aria-haspopup="true" aria-label="
Panties
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Panties </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style=" width: 97%; margin-left: auto; margin-right: 0px; ">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 70%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/best-sellers-m83399/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Sellers', name: 'mm,Panty,Featured'}], 'event_label':'Best_Sellers', 'event_category':'mm,Panty,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<!--<li class="body-1 nav-dropdown-text">
<a href="/search.aspx?search=2023276147&drv=4294961469&msg=10+for+%2435+Bare+Panties" onClick="gtag('event', 'select_content', {promotions: [{id: '10 for $35 Bare Panties', name: 'mm,Panty,Featured'}], 'event_label':'10 for $35 Bare Panties', 'event_category':'mm,Panty,Featured'});" title="10 for $35 Bare Panties">
10 for $35 Bare Panties
</a>
</li>-->
<li class="body-1 nav-dropdown-text" role="none">
<a href="/panty/3-for-48/" onclick="gtag('event', 'select_content', {promotions: [{id: '3 for $48 Panties', name: 'mm,Panty,Featured'}], 'event_label':'3 for $48 Panties', 'event_category':'mm,Panty,Featured'});" title="3 for $48 Panties" role="menuitem">
3 for $48 Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shop.aspx?PageType=shopping6&PageName=TopWomensPanties" onclick="gtag('event', 'select_content', {promotions: [{id: 'Expert_Panty_Picks', name: 'mm,Panty,Featured'}], 'event_label':'Expert_Panty_Picks', 'event_category':'mm,Panty,Featured'});" title="Expert Panty Picks" role="menuitem">
Expert Panty Picks
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294961469&msg=Exclusively+Ours" onclick="gtag('event', 'select_content', {promotions: [{id: 'ExclusivelyOurs', name: 'mm,Panty,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,Panty,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/panty-deals-m48091/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panties On Sale', name: 'mm,Panty,Featured'}], 'event_label':'Panties On Sale', 'event_category':'mm,Panty,Featured'});" title="Top Rated" role="menuitem">
Panties On Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/thongs-st82082/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Thongs', name: 'mm,Panty,styles'}], 'event_label':'Thongs', 'event_category':'mm,Panty,styles'});" title="Thongs" role="menuitem">
Thongs
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/high-cut-fe16/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hi-Cut Briefs', name: 'mm,Panty,styles'}], 'event_label':'Hi-Cut Briefs', 'event_category':'mm,Panty,styles'});" title="Hi-Cut Briefs" role="menuitem">
Hi-Cut Briefs
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/briefs-st82081/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Briefs', name: 'mm,Panty,styles'}], 'event_label':'Briefs', 'event_category':'mm,Panty,styles'});" title="Briefs" role="menuitem">
Briefs
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/bikinis-st82064/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bikinis', name: 'mm,Panty,styles'}], 'event_label':'Bikinis', 'event_category':'mm,Panty,styles'});" title="Bikinis" role="menuitem">
Bikinis
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/crotchless-fe32889/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Crotchless', name: 'mm,Panty,styles'}], 'event_label':'Crotchless', 'event_category':'mm,Panty,styles'});" title="Crotchless" role="menuitem">
Crotchless
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/boyshorts-st95/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Boyshorts', name: 'mm,Panty,styles'}], 'event_label':'Boyshorts', 'event_category':'mm,Panty,styles'});" title="Boyshorts" role="menuitem">
Boyshorts
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/cheeky-st121181/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Cheeky', name: 'mm,Panty,styles'}], 'event_label':'Cheeky', 'event_category':'mm,Panty,styles'});" title="Cheeky" role="menuitem">
Cheeky
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/hipsters-st583/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hipster', name: 'mm,Panty,styles'}], 'event_label':'Hipster', 'event_category':'mm,Panty,styles'});" title="Hi-Cut Briefs" role="menuitem">
Hipster
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/g-string-st43/" onclick="gtag('event', 'select_content', {promotions: [{id: 'G-String', name: 'mm,Panty,styles'}], 'event_label':'G-String', 'event_category':'mm,Panty,styles'});" title="Hi-Cut Briefs" role="menuitem">
G-String
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/shaping-and-control-fe12056/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shaping_N_Control', name: 'mm,Panty,styles'}], 'event_label':'Shaping_N_Control', 'event_category':'mm,Panty,styles'});" title="Shaping & Control" role="menuitem">
Shaping & Control
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/seamless-fe47/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Seamless', name: 'mm,Panty,styles'}], 'event_label':'Seamless', 'event_category':'mm,Panty,styles'});" title="Seamless" role="menuitem">
Seamless
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/sheer-fe96644/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sheer', name: 'mm,Panty,styles'}], 'event_label':'Sheer', 'event_category':'mm,Panty,styles'});" title="Sheer" role="menuitem">
Sheer
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/multi-packs-m199/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Multi-Packs', name: 'mm,Panty,styles'}], 'event_label':'Multi-Packs', 'event_category':'mm,Panty,styles'});" title="Multi-Packs" role="menuitem">
Multi-Packs
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/leak-proof-fe162986/" onclick="gtag('event', 'select_content', {promotions: [{id: 'leakproof', name: 'mm,Panty,styles'}], 'event_label':'leakproof', 'event_category':'mm,Panty,styles'});" title="Leak Proof" role="menuitem">
Leak Proof
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/plus-Size-Panties_catalog_nxs,48.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'plussize', name: 'mm,Panty,styles'}], 'event_label':'plussize', 'event_category':'mm,Panty,styles'});" title="Plus Size" role="menuitem">
Plus Size
</a>
</li>
<!-- <li class="body-1-bold nav-dropdown-text">
<a href="https://www.barenecessities.com/panties-c32/" onClick="gtag('event', 'select_content', {promotions: [{id: 'View_All', name: 'mm,Panty,styles'}], 'event_label':'View_All', 'event_category':'mm,Panty,styles'});" title="View All">
View All
</a>
</li>
-->
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="grid-x">
<!-- Editorial Stories -->
<div class="cell medium-6 nav-dropdown-single-image">
<a href="/search.aspx?search=2022344187&drv=4294922857&msg=Classic+Cotton" onclick="gtag('event', 'select_content', {promotions: [{id: 'cotton', name: 'mm,pantes,stories'}], 'event_label':'cotton', 'event_category':'mm,panties,stories'});" title="Cotton Story" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/panties/v1/mm_panties_271x300.jpg" style="width:100%;" alt="Cotton Story" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/panties/v1/mm_panties_271x300.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Comfy, Classic Cotton</p>
</div>
</a>
</div>
<div class="cell medium-6 nav-dropdown-single-image">
<a href="/search.aspx?search=2023276101&drv=4294961469&msg=Top+Rated+Panties" onclick="gtag('event', 'select_content', {promotions: [{id: 'top rated', name: 'mm,pantes,stories'}], 'event_label':'top rated', 'event_category':'mm,panties,stories'});" title="Top Rated" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/panties/v2/mm_panties_271x150.jpg" style="width:100%;" alt="Top Rated" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/panties/v2/mm_panties_271x150.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3" style="margin-left: 10px;">Top-Rated Panties</p>
</div>
</a>
</div>
<!-- // Editorial Stories -->
</div>
</div>
</div>
</div>
</ul>
</li><!-- 77414: MegaMenu7 - Top Nav: Swimwear_1.60 v0.02 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Swimwear_catalog_nxs,121.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,swim'}], 'event_label':'all', 'event_category':'mm,topnav,swim'});" title="Shop Swimsuits" role="menuitem" aria-haspopup="true" aria-label="
Swim
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Swim</span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 75%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shopbysize.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'show_by_swim_size', name: 'mm,Swim,Featured'}], 'event_label':'show_by_swim_size', 'event_category':'mm,Swim,Featured'});" title="Shop Swim by Bra Size" role="menuitem">
Shop Swim By Bra Size
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/DD%2B-Swimwear_catalog_nxs,156.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'DD+', name: 'mm,Swim,Featured'}], 'event_label':'DD+', 'event_category':'mm,Swim,Featured'});" title="DD+ swimsuits" role="menuitem">
DD+ Swimsuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Swimwear_catalog_nxs,121,style,88630.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Sellers', name: 'mm,Swim,Featured'}], 'event_label':'Best_Sellers', 'event_category':'mm,Swim,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Swimwear_catalog_nxs,121,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'New_Arrivals', name: 'mm,Swim,Featured'}], 'event_label':'New_Arrivals', 'event_category':'mm,Swim,Featured'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294959444&msg=Exclusively+Ours" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'ExclusivelyOurs', name: 'mm,Swim,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,Swim,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/SWIMWEAR-ON-SALE-Swimwear_catalog_nxs,121,style,48091.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimwear On Sale', name: 'mm,Swim,Featured'}], 'event_label':'Swimwear On Sale', 'event_category':'mm,Swim,Featured'});" title="Swim on Sale" role="menuitem">
Swimwear on Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/DD%2B-Swimwear_catalog_nxs,156.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'DDplus_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'DDplus_Swimsuits', 'event_category':'mm,Swim,styles'});" title="DD+ Swimsuits" role="menuitem">
DD+ Swimsuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bra-Sized-Swimsuits-Swimwear_catalog_nxs,121,style,37636.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bra-Sized_Swimwear', name: 'mm,Swim,styles'}], 'event_label':'Bra-Sized_Swimwear', 'event_category':'mm,Swim,styles'});" title="Bra-Sized Swimwear" role="menuitem">
Bra-Sized Swimwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Tankinis-Swimwear_catalog_nxs,121,style,32761.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Tankinis', name: 'mm,Swim,styles'}], 'event_label':'Tankinis', 'event_category':'mm,Swim,styles'});" title="Tankinis" role="menuitem">
Tankinis
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bikinis-Swimwear_catalog_nxs,121,style,32872.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bikinis', name: 'mm,Swim,styles'}], 'event_label':'Bikinis', 'event_category':'mm,Swim,styles'});" title="Bikinis" role="menuitem">
Bikinis
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/One-Piece-Swimsuits-Swimwear_catalog_nxs,121,style,32786.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'One-Piece_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'One-Piece_Swimsuits', 'event_category':'mm,Swim,styles'});" title="One-Piece Swimsuits" role="menuitem">
One-Piece Swimsuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size-Swimwear_catalog_nxs,131.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus_Size_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'Plus_Size_Swimsuits', 'event_category':'mm,Swim,styles'});" title="Plus-Size Swimsuits" role="menuitem">Plus-Size Swimsuits</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Swimsuit-Cover-Ups-Swimwear_catalog_nxs,121,style,32787.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swim_Cover-Ups', name: 'mm,Swim,styles'}], 'event_label':'Swim_Cover-Ups', 'event_category':'mm,Swim,styles'});" title="Swim Cover-Ups" role="menuitem">
Swim Cover-Ups
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Slimming-Swimsuits-Swimwear_catalog_nxs,121,style,32855.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Slimming_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'Slimming_Swimsuits', 'event_category':'mm,Swim,styles'});" title="Slimming Swimsuits" role="menuitem">
Slimming Swimsuits
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/High-Waisted-Bikinis-Swimwear_catalog_nxs,121,style,44644.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'High_Waisted_Bikini_Bottoms', name: 'mm,Swim,styles'}], 'event_label':'High_Waisted_Bikini_Bottoms', 'event_category':'mm,Swim,styles'});" title="High-Waisted Bikini Bottoms" role="menuitem"> High-Waisted Bikini Bottoms</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Underwire-Swimsuits-Swimwear_catalog_nxs,121,style,45217.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Underwire_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'Underwire_Swimsuits', 'event_category':'mm,Swim,styles'});" title="Underwire" role="menuitem">
Underwire Swimsuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Skirted-Swimsuits-Swimwear_catalog_nxs,121,style,33509.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Skirted_Swimsuits', name: 'mm,Swim,styles'}], 'event_label':'Skirted_Swimsuits', 'event_category':'mm,Swim,styles'});" title="Skirted" role="menuitem">
Skirted Swimsuits
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="nav-dropdown-single-image">
<a href="/search.aspx?search=2024016291&drv=4294959444&msg=The+Swim+Edit" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimwear New Arrivals', name: 'mm,swim,stories'}], 'event_label':'Swimwear New Arrivals', 'event_category':'mm,swim,stories'});" title="The Swim Edit" style="padding: 0;" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/other/category_headers/swim/v1/mm_swim_402x226.jpg" style="width:100%;" alt="Swimwear New Arrivals" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/other/category_headers/swim/v1/mm_swim_402x226.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">The Swim Edit</p>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 75770: MegaMenu7 - Top Nav: activewear_1.80_312023 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Activewear_catalog_nxs,165.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,active'}], 'event_label':'all', 'event_category':'mm,topnav,active'});" title="Shop Activewear" role="menuitem" aria-haspopup="true" aria-label="
Active
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Active </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell" style="width: 25%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width:25%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Sports Bras</h4>
</section>
<section class="cell" style="width: 25%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Activewear_catalog_nxs,165,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'New Arrivals', name: 'mm,active,Featured'}], 'event_label':'New Arrivals', 'event_category':'mm,active,Featured'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Activewear_catalog_nxs,165,style,83392.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best Sellers', name: 'mm,active,Featured'}], 'event_label':'Best Sellers', 'event_category':'mm,active,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sports-Bras-DD%2B-Bras_catalog_nxs,155,style,12064.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'DD+ SPORTS BRAS', name: 'mm,active,Featured'}], 'event_label':'DD+ SPORTS BRAS', 'event_category':'mm,active,Featured'});" title="DD+ SPORTS BRAS" role="menuitem">
DD+ Sports Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294947265&msg=Exclusively+Ours" onclick="gtag('event', 'select_content', {promotions: [{id: 'Exclusively Ours', name: 'mm,active,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,active,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size-Activewear-Activewear_catalog_nxs,165,style,34116.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus Size Activewear', name: 'mm,active,Featured'}], 'event_label':'Plus Size Activewear', 'event_category':'mm,active,Featured'});" title="Plus-Size Activewear" role="menuitem">
Plus-Size Activewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/ACTIVEWEAR-ON-SALE-Activewear_catalog_nxs,165,style,48091.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Activewear On Sale', name: 'mm,active,Featured'}], 'event_label':'Activewear On Sale', 'event_category':'mm,active,Featured'});" title="Activewear on Sale" role="menuitem">
Activewear on Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?drv=4294961468%2c4294962081%2c4294960645&msg=High+Impact+Sports+Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'HIGH_IMPACT', name: 'mm,active,sportsbras'}], 'event_label':'HIGH_IMPACT', 'event_category':'mm,active,sportsbras'});" title="HIGH IMPACT" role="menuitem">
High Impact
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?drv=4294961468%2c4294962081%2c4294960646&msg=Medium+Impact+Sports+Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'MEDIUM_IMPACT', name: 'mm,active,sportsbras'}], 'event_label':'MEDIUM_IMPACT', 'event_category':'mm,active,sportsbras'});" title="MEDIUM IMPACT" role="menuitem">
Medium Impact
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?drv=4294961468%2c4294962081%2c4294960644&msg=Low+Impact+Sports+Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'LOW_IMPACT', name: 'mm,active,sportsbras'}], 'event_label':'LOW_IMPACT', 'event_category':'mm,active,sportsbras'});" title="LOW IMPACT" role="menuitem">
Low Impact
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sports-Bras-Bras_catalog_nxs,31,style,12064.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'shopall', name: 'mm,active,sportsbras'}], 'event_label':'shopall', 'event_category':'mm,active,sportsbras'});" title="Shop all" role="menuitem">
Shop All
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Yoga-Pants-Activewear_catalog_nxs,165,style,96341.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Leggings & Yoga Pants', name: 'mm,active,styles'}], 'event_label':'Leggings & Yoga Pants', 'event_category':'mm,active,styles'});" title="Leggings & Yoga Pants" role="menuitem">
Leggings & Yoga Pants
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Dresses--Skirts-Activewear_catalog_nxs,165,style,41502.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Dresses & Skirts', name: 'mm,active,styles'}], 'event_label':'Dresses & Skirts', 'event_category':'mm,active,styles'});" title="Dresses & Skirts" role="menuitem">
Dresses & Skirts
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shorts-Activewear_catalog_nxs,165,style,206.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shorts', name: 'mm,active,styles'}], 'event_label':'Shorts', 'event_category':'mm,active,styles'});" title="Shorts" role="menuitem">
Shorts
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="nav-dropdown-single-image">
<a href="/search.aspx?search=2023176054&msg=sporty+new+arrivals" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sporty New Arrivals', name: 'mm,active,stories'}], 'event_label':'Sporty New Arrivals', 'event_category':'mm,active,stories'});" title="Sporty New Arrivals" style="padding: 0;" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/active/v1/mm_active_402x226.jpg" alt="Sporty New Arrivals" style="width:100%;" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/active/v1/mm_active_402x226.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Sporty New Arrivals</p>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 77415: MegaMenu7 - Top Nav: sleepwear_1.40 v0.02-->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Sleepwear_catalog_nxs,38.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,sleep'}], 'event_label':'all', 'event_category':'mm,topnav,sleep'});" title="Shop Sleepwear" role="menuitem" aria-haspopup="true" aria-label="
Sleep
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Sleep </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 50%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Sleepwear</h4>
</section>
<section class="cell" style="width: 20%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Loungewear</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Sleepwear_catalog_nxs,38,style,42833.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'New Arrivals', name: 'mm,sleepwear,Featured'}], 'event_label':'New Arrivals', 'event_category':'mm,sleepwear,Featured'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Sleepwear_catalog_nxs,38,style,83400.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best Sellers', name: 'mm,sleepwear,Featured'}], 'event_label':'Best Sellers', 'event_category':'mm,sleepwear,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294961470&msg=Exclusively+Ours" onclick="gtag('event', 'select_content', {promotions: [{id: 'ExclusivelyOurs', name: 'mm,sleepwear,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,sleepwear,FI can put it live NOW, eatured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/SLEEPWEAR-ON-SALE-Sleepwear_catalog_nxs,38,style,48091.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sleepwear on Sale', name: 'mm,sleepwear,Featured'}], 'event_label':Sleepwear on Sale', 'event_category':'mm,sleepwear,Featured'});" title="Sleepwear on Sale" role="menuitem">
Sleepwear on Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Nightgowns--Sleepshirts-Sleepwear_catalog_nxs,38,style,90518.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'nightgownssleepshirts', name: 'mm,sleepwear,styles'}], 'event_label':'nightgownssleepshirts', 'event_category':'mm,sleepwear,styles'});" title="Shop Nightgowns & Sleepshirts" role="menuitem">
Nightgowns & Sleepshirts
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Pajama-Sets-Sleepwear_catalog_nxs,38,style,292.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'pjsets', name: 'mm,sleepwear,styles'}], 'event_label':'pjsets', 'event_category':'mm,sleepwear,styles'});" title="Shop Pajama Sets" role="menuitem">
Pajama Sets
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sexy-Sleepwear-Sleepwear_catalog_nxs,38,style,117.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'sexysleepwear', name: 'mm,sleepwear,styles'}], 'event_label':'sexysleepwear', 'event_category':'mm,sleepwear,styles'});" title="Shop Sexy Sleepwear" role="menuitem">
Sexy Sleepwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Robes-Sleepwear_catalog_nxs,38,style,144.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'robesnkimonos', name: 'mm,sleepwear,styles'}], 'event_label':'robesnkimonos', 'event_category':'mm,sleepwear,styles'});" title="Shop Robes & Kimonos" role="menuitem">
Robes & Kimonos
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Babydolls--Chemises-Sleepwear_catalog_nxs,38,style,53446.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Chemises', name: 'mm,sleepwear,styles'}], 'event_label':'Chemises', 'event_category':'mm,sleepwear,styles'});" title="Shop Chemises" role="menuitem">
Chemises & Babydolls
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Pajama-Tops-Sleepwear_catalog_nxs,38,style,73840.htm " onclick="gtag('event', 'select_content', {promotions: [{id: 'pjtops', name: 'mm,sleepwear,styles'}], 'event_label':'pjtops', 'event_category':'mm,sleepwear,styles'});" title="Shop Pajama Tops" role="menuitem">
Pajama Tops
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Pajama-Pants--Bottoms-sleepwear_catalog_nxs,38,style,36579.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'pjbottoms', name: 'mm,sleepwear,styles'}], 'event_label':'pjbottoms', 'event_category':'mm,sleepwear,styles'});" title="Shop Pajama Bottoms" role="menuitem">
Pajama Bottoms
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922873&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bridal', name: 'mm,sleepwear,styles'}], 'event_label':'Bridal', 'event_category':'mm,sleepwear,styles'});" title="Shop Bridal" role="menuitem">
Bridal Sleepwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Slippers-Shoes_catalog_nxs,134,style,143.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Slippers', name: 'mm,sleepwear,styles'}], 'event_label':'Slippers', 'event_category':'mm,sleepwear,styles'});" title="Shop Slippers" role="menuitem">
Slippers
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Loungewear-Sets-Loungewear_catalog_nxs,40,style,161713.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'loungesets', name: 'mm,sleepwear,styles'}], 'event_label':'loungesets', 'event_category':'mm,sleepwear,styles'});" title="Shop Loungewear Sets" role="menuitem">
Loungewear Sets
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Lounge-Pants-Loungewear_catalog_nxs,40,style,161714.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'joggers', name: 'mm,sleepwear,styles'}], 'event_label':'joggers', 'event_category':'mm,sleepwear,styles'});" title="Shop Joggers & Sweatpants" role="menuitem">
Joggers & Sweatpants
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Tank-Tops-Loungewear_catalog_nxs,40,style,161716.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'tanks', name: 'mm,sleepwear,styles'}], 'event_label':'tanks', 'event_category':'mm,sleepwear,styles'});" title="Shop Tank Tops" role="menuitem">
Tank Tops
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sweatshirts--Hoodies-Loungewear_catalog_nxs,40,style,161718.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'sweatshirtsnhoodies', name: 'mm,sleepwear,styles'}], 'event_label':'sweatshirtsnhoodies', 'event_category':'mm,sleepwear,styles'});" title="Shop Sweatshirts & Hoodies" role="menuitem">
Sweatshirts & Hoodies
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="nav-dropdown-single-image">
<a href="/search.aspx?search=2023296109&msg=Sleepwear" onclick="gtag('event', 'select_content', {promotions: [{id: 'Dreamy New Arrivals', name: 'mm,sleep,stories'}], 'event_label':'Dreamy New Arrivals', 'event_category':'mm,sleep,stories'});" title="Dreamy New Arrivals" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/sleep/v1/sleep_mega_menu.jpg" style="width:100%;" alt="Dreamy New Arrivals" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/sleep/v1/sleep_mega_menu.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Dreamy New Arrivals</p>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 74972 MegaMenu7 - Top Nav: Sexy_1.30_2123_ c001.001-->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Sexy-Lingerie_catalog_nxs,106.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,sexy'}], 'event_label':'all', 'event_category':'mm,topnav,sexy'});" title="Shop Sexy Lingerie" role="menuitem" aria-haspopup="true" aria-label="
Lingerie
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Lingerie </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px; ">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 70%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Sexy-Lingerie_catalog_nxs,106,style,48317.htm" manual_cm_sp="mm,sexy,desktop-_-Featured-_-Best_Sellers" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Sellers', name: 'mm,sexy,Featured'}], 'event_label':'Best_Sellers', 'event_category':'mm,sexy,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Sexy-Lingerie_catalog_nxs,106,style,42833.htm" manual_cm_sp="mm,sexy,desktop-_-Featured-_-newarrivals" onclick="gtag('event', 'select_content', {promotions: [{id: 'newarrivals', name: 'mm,sexy,Featured'}], 'event_label':'newarrivals', 'event_category':'mm,sexy,Featured'});" title="Lingerie New Arrivals " role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sexy-Lingerie-Under--50-Sexy-Lingerie_catalog_nxs,106,style,155936.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy_Sets_Under_50', name: 'mm,sexy,Featured'}], 'event_label':'Sexy_Sets_Under_50', 'event_category':'mm,sexy,Featured'});" title="Sexy Sets Under $50" role="menuitem">
Sexy Sets Under $50
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size-Sexy-Lingerie_catalog_nxs,158.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus_Size_Lingerie', name: 'mm,sexy,Featured'}], 'event_label':'Plus_Size_Lingerie', 'event_category':'mm,sexy,Featured'});" title="Plus-Size Lingerie" role="menuitem">
Plus-Size Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/sexy-lingerie-on-sale-Sexy-Lingerie_catalog_nxs,106,style,48091.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sale', name: 'mm,sexy,Featured'}], 'event_label':'Sale', 'event_category':'mm,sexy,Featured'});" title="Lingerie on Sale " role="menuitem">
Lingerie on Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Babydolls--Chemises-Sexy-Lingerie_catalog_nxs,106,style,53446.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Babydolls_N_Chemises', name: 'mm,sexy,styles'}], 'event_label':'Babydolls_N_Chemises', 'event_category':'mm,sexy,styles'});" title="Babydolls & Chemises" role="menuitem">
Babydolls & Chemises
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Teddies-Sexy-Lingerie_catalog_nxs,106,style,239.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Teddies', name: 'mm,sexy,styles'}], 'event_label':'Teddies', 'event_category':'mm,sexy,styles'});" title="Teddies" role="menuitem">
Teddies
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bodysuits-Sexy-Lingerie_catalog_nxs,106,style,197.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bodysuits', name: 'mm,sexy,styles'}], 'event_label':'Bodysuits', 'event_category':'mm,sexy,styles'});" title="Bodysuits" role="menuitem">
Bodysuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Crotchless-Sexy-Lingerie_catalog_nxs,106,style,32889.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Crotchless', name: 'mm,sexy,styles'}], 'event_label':'Crotchless', 'event_category':'mm,sexy,styles'});" title="Crotchless" role="menuitem">
Crotchless
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/See-Through-Clothing-Sexy-Lingerie_catalog_nxs,106,style,50.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'See_Through_Lingerie', name: 'mm,sexy,styles'}], 'event_label':'See_Through_Lingerie', 'event_category':'mm,sexy,styles'});" title="See-Through Lingerie" role="menuitem">
See-Through Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sexy-Panties-Sexy-Lingerie_catalog_nxs,106,style,54900.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy_Panties', name: 'mm,sexy,styles'}], 'event_label':'Sexy_Panties', 'event_category':'mm,sexy,styles'});" title="Sexy Panties" role="menuitem">
Sexy Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Garters--Garter-Belts-Sexy-Lingerie_catalog_nxs,106,style,54800.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Garters_N_Garter_Belts', name: 'mm,sexy,styles'}], 'event_label':'Garters_N_Garter_Belts', 'event_category':'mm,sexy,styles'});" title="Garters & Garter Belts" role="menuitem">
Garters & Garter Belts
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Corsets--Bustiers-Sexy-Lingerie_catalog_nxs,106,style,115090.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Corsets_N_Bustiers', name: 'mm,sexy,styles'}], 'event_label':'Corsets_N_Bustiers', 'event_category':'mm,sexy,styles'});" title="Corsets & Bustiers" role="menuitem">
Corsets & Bustiers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bras-Sexy-Lingerie_catalog_nxs,106,style,132.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy Bras', name: 'mm,sexy,styles'}], 'event_label':'Sexy Bras', 'event_category':'mm,sexy,styles'});" title="Sexy Bras" role="menuitem">
Sexy Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sexy-Sleepwear-Sleepwear_catalog_nxs,38,style,117.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy Sleepwear', name: 'mm,sexy,styles'}], 'event_label':'Sexy Sleepwear', 'event_category':'mm,sexy,styles'});" title="Sexy Sleepwear" role="menuitem">
Sexy Sleepwear
</a>
</li>
</ul>
</section>
<!--
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold"> </h4>
<ul>
<li class="body-1 nav-dropdown-text">
<a href="/Lingerie-Costumes-Sexy-Lingerie_catalog_nxs,106,style,34775.htm" onClick="gtag('event', 'select_content', {promotions: [{id: '2279', name: 'mm,sexy,styles'}], 'event_label':'2279', 'event_category':'mm,sexy,styles'});" title="Lingerie Costumes">
Lingerie Costumes
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Sexy-Gowns--Robes-Sexy-Lingerie_catalog_nxs,106,style,53635.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Sexy_Robes', name: 'mm,sexy,styles'}], 'event_label':'Sexy_Robes', 'event_category':'mm,sexy,styles'});" title="Sexy Robes">
Sexy Robes & Gowns
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Sexy-Hosiery-Sexy-Lingerie_catalog_nxs,106,style,134.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Hosiery', name: 'mm,sexy,styles'}], 'event_label':'Hosiery', 'event_category':'mm,sexy,styles'});" title="Hosiery">
Hosiery
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/search.aspx?search=accessories&drv=4294955056&ft=1&msg=sexy+accessories" onClick="gtag('event', 'select_content', {promotions: [{id: 'Accessories', name: 'mm,sexy,styles'}], 'event_label':'Accessories', 'event_category':'mm,sexy,styles'});" title="Accessories">
Accessories
</a>
</li>
<li class="body-1-bold nav-dropdown-text">
<a href="/Sexy-Lingerie_catalog_nxs,106.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'View_All', name: 'mm,sexy,styles'}], 'event_label':'View_All', 'event_category':'mm,sexy,styles'});" title="Shop All Sexy Lingerie">
Shop All Sexy Lingerie
</a>
</li>
</ul>
</section>
-->
<!--
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold">Looks We Lust</h4>
<ul>
<li class="body-1 nav-dropdown-text">
<a href="/search.aspx?search=open+cup&drv=4294955056&ft=1&msg=peek+a+boo+lingerie" onClick="gtag('event', 'select_content', {promotions: [{id: 'Peek-A-Boo', name: 'mm,sexy,lookswelust'}], 'event_label':'Peek-A-Boo', 'event_category':'mm,sexy,lookswelust'});" title="Peek-A-Boo">
Peek-A-Boo
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/search.aspx?search=cage+bras&drv=4294955056&ft=1&msg=cage+bras" onClick="gtag('event', 'select_content', {promotions: [{id: 'CageAffair', name: 'mm,sexy,lookswelust'}], 'event_label':'CageAffair', 'event_category':'mm,sexy,lookswelust'});" title="Cage Affair ">
Cage Affair
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/search.aspx?search=sheer&drv=4294955056%2c4294962070&msg=sheer+lingerie" onClick="gtag('event', 'select_content', {promotions: [{id: 'SheerFantasy', name: 'mm,sexy,lookswelust'}], 'event_label':'SheerFantasy', 'event_category':'mm,sexy,lookswelust'});" title="Sheer Fantasy">
Sheer Fantasy
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Black-Sexy-Lingerie_catalog_nxs,106,price,1249.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'BlackMagic', name: 'mm,sexy,lookswelust'}], 'event_label':'BlackMagic', 'event_category':'mm,sexy,lookswelust'});" title="Black Magic">
Black Magic
</a>
</li>
</ul>
</section>
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold">Brands We <span> <img style="max-width: 13px; max-height: 13px; vertical-align: baseline;" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2017/wk36/glyphicons-13-heart.png" /></span></h4>
<ul>
<li class="body-1 nav-dropdown-text">
<a href="/Bluebella-Sexy-Lingerie_catalog_nxs,106,vendor,107158.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Bluebella', name: 'mm,sexy,brands'}], 'event_label':'Bluebella', 'event_category':'mm,sexy,brands'});" title="Bluebella">
Bluebella
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Dita-Von-Teese-Sexy-Lingerie_catalog_nxs,106,vendor,80370.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'DITA VON TEESE', name: 'mm,sexy,brands'}], 'event_label':'DITA VON TEESE', 'event_category':'mm,sexy,brands'});" title="DITA VON TEESE">
Dita Von Teese
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Seven-til-Midnight-Sexy-Lingerie_catalog_nxs,106,vendor,52978.htm" manual_cm_sp="mm,sexy,desktop-_-brands-_-seventilmidnight" onClick="gtag('event', 'select_content', {promotions: [{id: 'seventilmidnight', name: 'mm,sexy,brands'}], 'event_label':'seventilmidnight', 'event_category':'mm,sexy,brands'});" title="Seven til Midnight">Seven til Midnight
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Mapale-Sexy-Lingerie_catalog_nxs,106,vendor,106844.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Mapale', name: 'mm,sexy,brands'}], 'event_label':'Mapale', 'event_category':'mm,sexy,brands'});" title="Mapalé">
Mapalé
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Oh-La-La-Cheri-Sexy-Lingerie_catalog_nxs,106,vendor,40322.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Oh_La_La_Cheri', name: 'mm,sexy,brands'}], 'event_label':'Oh_La_La_Cheri', 'event_category':'mm,sexy,brands'});" title="Oh Là Là Chéri">
Oh Là Là Chéri
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Dreamgirl-Sexy-Lingerie_catalog_nxs,106,vendor,32890.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Dreamgirl', name: 'mm,sexy,brands'}], 'event_label':'Dreamgirl', 'event_category':'mm,sexy,brands'});" title="Dreamgirl">
Dreamgirl
</a>
</li>
</ul>
</section>
-->
<!--<section class="cell">
<a href="/feature.aspx?pagename=Lingerie-Styles" onClick="gtag('event', 'select_content', {promotions: [{id: 'typesoflingier', name: 'mm,sexy,stories'}], 'event_label':'typesoflingier', 'event_category':'mm,sexy,stories'});" title="Types of Lingerie">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2020/megamenu/SEXYSETS_UNDER50.jpg" style="width:240px; height: auto;">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Types of Lingerie</p>
</div>
</a>
<a href="/search.aspx?search=2021062917&msg=Sexy+New+Arrivals" onClick="gtag('event', 'select_content', {promotions: [{id: '2917', name: 'mm,sexy,stories'}], 'event_label':'2917', 'event_category':'mm,sexy,stories'});" title="Sexy New Arrivals">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2021/wk51/3232/wk51_3232_mm.jpg" alt="SEXY NEW ARRIVALS" style="width:240px; height: auto;">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Sexy New Arrivals</p>
</div>
</a>
</section>-->
</div>
</div>
</div>
<div class="cell medium-3">
<div class="grid-x">
<!-- Editorial Stories -->
<div class="cell medium-12 nav-dropdown-single-image">
<a href="/search.aspx?search=meanttobeseen&msg=Meant+to+Be+Seen" onclick="gtag('event', 'select_content', {promotions: [{id: 'Fashion Innerwear Goes Out', name: 'mm,sexy,stories'}], 'event_label':'Fashion Innerwear Goes Out', 'event_category':'mm,sexy,stories'});" title="Innerwear Goes Out" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/sexy/v1/mm_sexy_402x226.jpg" alt="Sexy" style="width:100%;" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/sexy/v1/mm_sexy_402x226.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Innerwear Goes Out</p>
</div>
</a>
</div>
<!-- If 2 articles are needed -->
</div>
</div>
<!-- // Editorial Stories ends-->
</div>
</div>
</ul>
</li><!-- 74542: MegaMenu7 - Top Nav: Shapewear_1.50_312023 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/Shapewear_catalog_nxs,33.htm" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,shape'}], 'event_label':'all', 'event_category':'mm,topnav,shape'});" title="Shop Shapewear" role="menuitem" aria-haspopup="true" aria-label="
Shape
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Shape </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 50%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
<section class="cell" style="width: 20%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Target Area</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/BEST-SELLERS-Shapewear_catalog_nxs,33,style,83401.htm" manual_cm_sp="mm,Shape,desktop-_-Featured-_-Best_Sellers" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Sellers', name: 'mm,Shape,Featured'}], 'event_label':'Best_Sellers', 'event_category':'mm,Shape,Featured'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/NEW-ARRIVALS-Shapewear_catalog_nxs,33,style,42833.htm" manual_cm_sp="mm,Shape,desktop-_-Featured-_-newarrivals" onclick="gtag('event', 'select_content', {promotions: [{id: 'newarrivals', name: 'mm,Shape,Featured'}], 'event_label':'newarrivals', 'event_category':'mm,Shape,Featured'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&drv=4294961466&msg=Exclusively+Ours" onclick="gtag('event', 'select_content', {promotions: [{id: 'Exclusively Ours', name: 'mm,Shape,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,Shape,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size-Shapewear_catalog_nxs,49.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus Size Shapewear', name: 'mm,Shape,Featured'}], 'event_label':'Plus Size Shapewear', 'event_category':'mm,Shape,Featured'});" title="Plus-Size Shapewear" role="menuitem">
Plus-Size Shapewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/SHAPEWEAR-ON-SALE-Shapewear_catalog_nxs,33,style,48091.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sale', name: 'mm,Shape,Featured'}], 'event_label':'Sale', 'event_category':'mm,Shape,Featured'});" title="Shapewear on Sale" role="menuitem">
Shapewear on Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shaping-Bodysuit-Shapewear_catalog_nxs,33,style,197.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shaping_Bodysuits', name: 'mm,Shape,styles'}], 'event_label':'Shaping_Bodysuits', 'event_category':'mm,Shape,styles'});" title="Shaping Bodysuits" role="menuitem">
Shaping Bodysuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shaping-Panties-Shapewear_catalog_nxs,33,style,12056.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shaping_Panties', name: 'mm,Shape,styles'}], 'event_label':'Shaping_Panties', 'event_category':'mm,Shape,styles'});" title="Shaping Panties" role="menuitem">
Shaping Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Slimming-Camisoles-Shapewear_catalog_nxs,33,style,57443.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Slimming_Camisoles', name: 'mm,Shape,styles'}], 'event_label':'Slimming_Camisoles', 'event_category':'mm,Shape,styles'});" title="Slimming Camisoles" role="menuitem">
Slimming Camisoles
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Mid-Thigh-Shapers-Shapewear_catalog_nxs,33,style,102.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Mid-Thigh_Shapers', name: 'mm,Shape,styles'}], 'event_label':'Mid-Thigh_Shapers', 'event_category':'mm,Shape,styles'});" title="Mid-Thigh Shapers" role="menuitem">
Mid-Thigh Shapers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shapewear-Leggings-Shapewear_catalog_nxs,33,style,14571.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shaping_Leggings', name: 'mm,Shape,styles'}], 'event_label':'Shaping_Leggings', 'event_category':'mm,Shape,styles'});" title="Shaping Leggings" role="menuitem">
Shaping Leggings
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/High-Waist-Panties-Shapewear_catalog_nxs,33,style,57296.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'High Waisted Panties', name: 'mm,Shape,styles'}], 'event_label':'High Waisted Panties', 'event_category':'mm,Shape,styles'});" title="High-Waisted Panties" role="menuitem">
High-Waisted Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Long-Line-Bras_catalog_nxs,31,style,81.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Longline Bras', name: 'mm,Shape,styles'}], 'event_label':'Longline Bras', 'event_category':'mm,Shape,styles'});" title="Longline Bras" role="menuitem">
Longline Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922874&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bridal Shapewear', name: 'mm,Shape,styles'}], 'event_label':'Bridal Shapewear', 'event_category':'mm,Shape,styles'});" title="Bridal Shapewear" role="menuitem">
Bridal Shapewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Back-Smoothing-Bras-Bras_catalog_nxs,31,style,70606.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Back Smoothing Bras', name: 'mm,Shape,styles'}], 'event_label':'Back Smoothing Bras', 'event_category':'mm,Shape,styles'});" title="Back-Smoothing Bras" role="menuitem">
Back-Smoothing Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Backless-Bras-Bras_catalog_nxs,31,style,3.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Backless', name: 'mm,Shape,styles'}], 'event_label':'Backless', 'event_category':'mm,Shape,styles'});" title="Backless" role="menuitem">
Backless
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Controls-Tummy-Shapewear_catalog_nxs,33,price,695.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Controls_Tummy', name: 'mm,Shape,Target_Area'}], 'event_label':'Controls_Tummy', 'event_category':'mm,Shape,Target_Area'});" title="Controls Tummy" role="menuitem">
Controls Tummy
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/All-Over-Control-Shapewear_catalog_nxs,33,price,11972.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'All_Over_Control', name: 'mm,Shape,Target_Area'}], 'event_label':'Allover_Control', 'event_category':'mm,Shape,Target_Area'});" title="Allover Control" role="menuitem">
Allover Control
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Trims-Waist-Shapewear_catalog_nxs,33,price,694.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Trims_Waist', name: 'mm,Shape,Target_Area'}], 'event_label':'Trims_Waist', 'event_category':'mm,Shape,Target_Area'});" title="Trims Waist" role="menuitem">
Trims Waist
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Slims-Hips--Thighs-Shapewear_catalog_nxs,33,price,12010.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Slims_Hips_N_Thighs', name: 'mm,Shape,Target_Area'}], 'event_label':'Slims_Hips_N_Thighs', 'event_category':'mm,Shape,Target_Area'});" title="Slims Hips & Thighs" role="menuitem">
Slims Hips & Thighs
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Smoothes-Back-Shapewear_catalog_nxs,33,price,26942.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Smoothes_Back', name: 'mm,Shape,Target_Area'}], 'event_label':'Smooths_Back', 'event_category':'mm,Shape,Target_Area'});" title="Smooths Back" role="menuitem">
Smooths Back
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Trims-Torso-Shapewear_catalog_nxs,33,price,12077.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Trims_Torso', name: 'mm,Shape,Target_Area'}], 'event_label':'Trims_Torso', 'event_category':'mm,Shape,Target_Area'});" title="Trims Torso" role="menuitem">
Trims Torso
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shapes-Rear-Shapewear_catalog_nxs,33,price,697.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shapes_Rear', name: 'mm,Shape,Target_Area'}], 'event_label':'Shapes_Rear', 'event_category':'mm,Shape,Target_Area'});" title="Shapes Rear" role="menuitem">
Shapes Rear
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="nav-dropdown-single-image">
<a href="/shop.aspx?PageType=shopping6&PageName=WomensShapewearLP" onclick="gtag('event', 'select_content', {promotions: [{id: '3132', name: 'mm,shape,stories'}], 'event_label':'3132', 'event_category':'mm,shape,stories'});" title="Shapewear Solutions" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2022/wk34/mm/expanded_nav_shapewear.jpg" alt="Shapewear Solutions" style="width:100%;" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2022/wk34/mm/expanded_nav_shapewear.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">Shapewear Solutions</p>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 74515: MegaMenu7 - Top Nav: Bridal_1.70_312023 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872&gb=pv_pfid_color&msg=The+Wedding+Shop" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: '6023_all', name: 'mm,topnav,bridal'}], 'event_label':'6023_all', 'event_category':'mm,topnav,bridal'});" title="Shop Bridal" role="menuitem" aria-haspopup="true" aria-label="
Bridal
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Bridal </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style=" width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 40%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Top Styles</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294955870&gb=PV_PFID_Color&msg=The+Wedding+Shop&drvold=4294964872" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best Sellers', name: 'mm,bridal,features'}], 'event_label':'Best Sellers', 'event_category':'mm,bridal,features'});" title="Best Sellers" role="menuitem">
Best Sellers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294956988&gb=PV_PFID_Color&msg=The+Wedding+Shop+New+Arrivals" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras & Panties', name: 'mm,bridal,features'}], 'event_label':'New Arrivals', 'event_category':'mm,bridal,features'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922874&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bridal Shapewear', name: 'mm,bridal,features'}], 'event_label':'Bridal Shapewear', 'event_category':'mm,bridal,features'});" title="Bridal Shapewear" role="menuitem">
Bridal Shapewear
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922877&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras & Panties', name: 'mm,bridal,styles'}], 'event_label':'Bras & Panties', 'event_category':'mm,bridal,styles'});" title="Bras & Panties" role="menuitem">
Bras & Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922873&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sleepwear', name: 'mm,bridal,styles'}], 'event_label':'Sleepwear', 'event_category':'mm,bridal,styles'});" title="Sleepwear" role="menuitem">
Sleepwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922876&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Lingerie', name: 'mm,bridal,styles'}], 'event_label':'Lingerie', 'event_category':'mm,bridal,styles'});" title="Lingerie" role="menuitem">
Lingerie
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922874&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shapewear', name: 'mm,bridal,styles'}], 'event_label':'Shapewear', 'event_category':'mm,bridal,styles'});" title="Shapewear" role="menuitem">
Shapewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922872&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimwear', name: 'mm,bridal,styles'}], 'event_label':'Swimwear', 'event_category':'mm,bridal,styles'});" title="Swimwear" role="menuitem">
Swimwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2023106023&drv=4294964872%2c4294922879&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: 'Accessories', name: 'mm,bridal,styles'}], 'event_label':'Accessories', 'event_category':'mm,bridal,styles'});" title="Accessories" role="menuitem">
Accessories
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
<div class="cell medium-3">
<div class="nav-dropdown-single-image">
<a href="/search.aspx?search=2023106023&drv=4294964872&gb=pv_pfid_color&msg=The+Wedding+Shop" onclick="gtag('event', 'select_content', {promotions: [{id: '6023_weddingshop', name: 'mm,bridal,stories'}], 'event_label':'6023_weddingshop', 'event_category':'mm,bridal,stories'});" title="Wedding Shop" role="menuitem">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/weddingShop.jpg" alt="A woman modeling bridal products." style="width:100%;" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/category_headers/weddingShop.jpg">
<div class="nav-dropdown-image-label-wrapper">
<p class="nav-dropdown-text header-3">The Wedding Shop</p>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 75772 Mega - Sale - v0.01 10/24/2023 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/search.aspx?search=allsale&gb=pv_pfid_price&dscnt=1&msg=Sale" class="nav-bar-dropdown-item-hook" manual_cm_sp="mm,topnav,clearance-_-all-_-all" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,clearance'}], 'event_label':'all', 'event_category':'mm,topnav,clearance'});" title="Shop Sale" role="menuitem" aria-haspopup="true" aria-label="
Sale
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Sale</span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 75%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Departments</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=clearanceCMD&drv=4294922032&gb=PV_PFID_Price&dscnt=1&msg=Clearance" onclick="gtag('event', 'select_content', {promotions: [{id: 'Clearance', name: 'mm,clearance,Featured'}], 'event_label':'Clearance', 'event_category':'mm,clearance,Featured'});" title="Clearance" role="menuitem">
Clearance
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=PremiumNewMds&gb=pv_pfid_price&dscnt=1&msg=New+Markdowns%21" onclick="gtag('event', 'select_content', {promotions: [{id: 'New Markdowns', name: 'mm,clearance,Featured'}], 'event_label':'New Markdowns', 'event_category':'mm,clearance,Featured'});" title="New Markdowns" role="menuitem">
New Markdowns
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=clearanceCMD&drv=4294962061%2c4294961468%2c4294943796%2c4294922032&sb=SD&gb=PV_PFID_Price&dscnt=1&msg=Clearance+Top+Rated+Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'Top_Rated', name: 'mm,clearance,Featured'}], 'event_label':'Top_Rated', 'event_category':'mm,clearance,Featured'});" title="Top-Rated Bras" role="menuitem">
Top-Rated Bra Sale
</a>
</li>
<!--
<li class="body-1 nav-dropdown-text">
<a href="/URL" onClick="gtag('event', 'select_content', {promotions: [{id: 'dealsunder40', name: 'mm,clearance,Featured'}], 'event_label':'dealsunder40', 'event_category':'mm,clearance,Featured'});" title="Deals Under $40">
Deals Under $40
</a>
</li>
-->
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=bnoutlet&drv=4294922032&gb=pv_pfid_price&dscnt=1&msg=Bare+Necessities+Outlet" onclick="gtag('event', 'select_content', {promotions: [{id: 'BN Outlet', name: 'mm,clearance,Featured'}], 'event_label':'BN Outlet', 'event_category':'mm,clearance,Featured'});" title="BN Outlet" role="menuitem">
BN Outlet
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961468&gb=PV_PFID_Price&dscnt=1&msg=Bras+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras', name: 'mm,clearance,styles'}], 'event_label':'Bras', 'event_category':'mm,clearance,styles'});" title="Bras" role="menuitem">
Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961469&gb=PV_PFID_Price&dscnt=1&msg=Panties+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panties', name: 'mm,clearance,styles'}], 'event_label':'Panties', 'event_category':'mm,clearance,styles'});" title="Panties" role="menuitem">
Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294959444&gb=PV_PFID_Price&dscnt=1&msg=Swimwear+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimwear', name: 'mm,clearance,styles'}], 'event_label':'Swimwear', 'event_category':'mm,clearance,styles'});" title="Swimwear" role="menuitem">
Swimwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961470&gb=PV_PFID_Price&dscnt=1&msg=Sleepwear+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sleepwear', name: 'mm,clearance,styles'}], 'event_label':'Sleepwear', 'event_category':'mm,clearance,styles'});" title="Sleepwear" role="menuitem">
Sleepwear
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961468%2c4294954862&gb=PV_PFID_Price&dscnt=1&msg=DD%2b+Bras+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'DD+', name: 'mm,clearance,styles'}], 'event_label':'DD+', 'event_category':'mm,clearance,styles'});" title="DD+" role="menuitem">
DD+
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294955056&gb=PV_PFID_Price&dscnt=1&msg=Sexy+Lingerie+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sexy Lingerie', name: 'mm,clearance,styles'}], 'event_label':'Sexy Lingerie', 'event_category':'mm,clearance,styles'});" title="Sexy Lingerie" role="menuitem">
Sexy Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294947265&gb=PV_PFID_Price&dscnt=1&msg=Activewear+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Activewear', name: 'mm,clearance,styles'}], 'event_label':'Activewear', 'event_category':'mm,clearance,styles'});" title="Activewear" role="menuitem">
Activewear
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961466&gb=PV_PFID_Price&dscnt=1&msg=Shapewear+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shapewear', name: 'mm,clearance,styles'}], 'event_label':'Shapewear', 'event_category':'mm,clearance,styles'});" title="Shapewear" role="menuitem">
Shapewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294961468%2c4294951875&gb=PV_PFID_Price&dscnt=1&msg=Plus+Size+Bras+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus_Size', name: 'mm,clearance,styles'}], 'event_label':'Plus_Size', 'event_category':'mm,clearance,styles'});" title="Plus-Size Bras" role="menuitem">
Plus-Size Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&drv=4294959157&gb=PV_PFID_Price&dscnt=1&msg=Hosiery+On+Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hosiery', name: 'mm,clearance,styles'}], 'event_label':'Hosiery', 'event_category':'mm,clearance,styles'});" title="Hosiery" role="menuitem">
Hosiery
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 75771: Mega - More - v0.01 RB22 SD0922-->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="#" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,More'}], 'event_label':'all', 'event_category':'mm,topnav,More'});" title="Shop More" role="menuitem" aria-haspopup="true" aria-label="
More
">
<div>
<span class="nav-bar-dropdown-item-hook-text">More </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
<section class="cell" style="width: 50%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Departments</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-4 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/finder.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bra Finder', name: 'mm,more,Featured'}], 'event_label':'Bra Finder', 'event_category':'mm,more,Featured'});" title="Bra Finder" role="menuitem">
Bra Finder
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shopbybrasize.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'Your Bra Shop', name: 'mm,more,Featured'}], 'event_label':'Your Bra Shop', 'event_category':'mm,more,Featured'});" title="Your Bra Size" role="menuitem">
Shop Your Bra Size
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=PAST030DAYS&drv=4294962061&sb=DD&msg=Women%27s+New+Arrivals" onclick="gtag('event', 'select_content', {promotions: [{id: 'New Arrivals', name: 'mm,more,Featured'}], 'event_label':'New Arrivals', 'event_category':'mm,more,Featured'});" title="New Arrivals" role="menuitem">
New Arrivals
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=2022024001&msg=Exclusively+Ours" onclick="gtag('event', 'select_content', {promotions: [{id: 'Exclusively Ours', name: 'mm,more,Featured'}], 'event_label':'Exclusively Ours', 'event_category':'mm,more,Featured'});" title="Exclusively Ours" role="menuitem">
Exclusively Ours
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shop.aspx?PageType=shopping6&PageName=CouponsandPromotions" onclick="gtag('event', 'select_content', {promotions: [{id: 'TodayDeals', name: 'mm,more,Featured'}], 'event_label':'TodayDeals', 'event_category':'mm,more,Featured'});" title="Today's Deals" role="menuitem">
Today's Deals
</a>
</li>
<!--<li class="body-1 nav-dropdown-text">
<a href="/Luxury_catalog_nxs,99.htm" onClick="gtag('event', 'select_content', {promotions: [{id: 'Luxury Edit', name: 'mm,more,Featured'}], 'event_label':'Luxury Edit', 'event_category':'mm,more,Featured'});" title="Luxury Edit">
Luxury Edit
</a>
</li>-->
<li class="body-1 nav-dropdown-text" role="none">
<a href="/search.aspx?search=allsale&gb=pv_pfid_price&dscnt=1&msg=Sale" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sale', name: 'mm,more,Featured'}], 'event_label':'Sale', 'event_category':'mm,more,Featured'});" title="Sale" role="menuitem">
Sale
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/DD%2B_catalog_nxs,154.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'DDplus', name: 'mm,more,styles'}], 'event_label':'DDplus', 'event_category':'mm,more,styles'});" title="DD+ Styles" role="menuitem">
DD+ Styles
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Hosiery_catalog_nxs,34.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hosiery', name: 'mm,more,styles'}], 'event_label':'Hosiery', 'event_category':'mm,more,styles'});" title="Hosiery" role="menuitem">
Hosiery
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Plus-Size_catalog_nxs,35.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Plus Size', name: 'mm,more,styles'}], 'event_label':'Plus Size', 'event_category':'mm,more,styles'});" title="Plus Size" role="menuitem">
Plus Size
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Nursing--Maternity-Bras-Bras_catalog_nxs,31,style,12.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Maternity & Nursing', name: 'mm,more,styles'}], 'event_label':'Maternity & Nursing', 'event_category':'mm,more,styles'});" title="Maternity & Nursing" role="menuitem">
Maternity & Nursing
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Accessories_catalog_nxs,42.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Accessories', name: 'mm,more,styles'}], 'event_label':'Accessories', 'event_category':'mm,more,styles'});" title="Accessories" role="menuitem">
Accessories
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Mens_catalog_nxs,144.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Mens', name: 'mm,more,styles'}], 'event_label':'Mens', 'event_category':'mm,more,styles'});" title="Men's" role="menuitem">
Men's
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Socks-Hosiery_catalog_nxs,34,style,26.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Socks', name: 'mm,more,styles'}], 'event_label':'Socks', 'event_category':'mm,more,styles'});" title="Socks" role="menuitem">
Socks
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Shoes_catalog_nxs,134.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Slippers', name: 'mm,more,styles'}], 'event_label':'Slippers', 'event_category':'mm,more,styles'});" title="Slippers" role="menuitem">
Slippers
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Mastectomy-Bras-Bras_catalog_nxs,31,style,32778.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Mastectomy', name: 'mm,more,styles'}], 'event_label':'Mastectomy', 'event_category':'mm,more,styles'});" title="Mastectomy" role="menuitem">
Mastectomy
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Luxury_catalog_nxs,99.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Luxury Edit', name: 'mm,more,styles'}], 'event_label':'Luxury Edit', 'event_category':'mm,more,styles'});" title="Luxury Edit" role="menuitem">
Luxury Edit
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 72477 Mega - Pipe - v0.01 RB22 SD0922-->
<li class="nav-bar-dropdown-item pipe" role="none">
<!-- pipe divider -->
</li><!-- 76404: Mega - Brands - by department - Sept 2023 update - v0.01 -->
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/brands.aspx" class="nav-bar-dropdown-item-hook" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,brands'}], 'event_label':'all', 'event_category':'mm,topnav,brands'});" title="Shop Brands" role="menuitem" aria-haspopup="true" aria-label="
Brands
">
<div>
<span class="nav-bar-dropdown-item-hook-text">Brands </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dropdown-items-wrapper" style="max-width:100%;">
<div class="cell medium-12 large-8">
<div class="cell MegaMenuLinkColumns" style="width: 97%; margin-left: auto; margin-right: 0px;">
<div class="grid-x grid-padding-x nav-dropdown-list small-up-6 megaTitle">
<section class="cell" style="width: 33%;">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Bras</h4>
</section>
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Panties</h4>
</section>
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Sleep</h4>
</section>
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Active</h4>
</section>
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Shape</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-6 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Wacoal_brand_11.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Wacoal', name: 'mm,brands,Bras'}], 'event_label':'Wacoal', 'event_category':'mm,brands,Bras'});" title="Wacoal Bras" role="menuitem">
Wacoal
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bare-Bras_catalog_nxs,31,vendor,166403.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bare', name: 'mm,brands,Bras'}], 'event_label':'Bare', 'event_category':'mm,brands,Bras'});" title="Bare Bras" role="menuitem">
Bare
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Chantelle_brand_14.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Chantelle', name: 'mm,brands,Bras'}], 'event_label':'Chantelle', 'event_category':'mm,brands,Bras'});" title="Chantelle Bras" role="menuitem">
Chantelle
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Panache-Bras_catalog_nxs,31,vendor,800.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panache', name: 'mm,brands,Bras'}], 'event_label':'Panache', 'event_category':'mm,brands,Bras'});" title="Panache Bras" role="menuitem">
Panache
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Freya-Bras_catalog_nxs,31,vendor,750.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Freya', name: 'mm,brands,Bras'}], 'event_label':'Freya', 'event_category':'mm,brands,Bras'});" title="Freya Bras" role="menuitem">
Freya
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Empreinte-Bras_catalog_nxs,31,vendor,56110.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Empriente', name: 'mm,brands,Bras'}], 'event_label':'Empriente', 'event_category':'mm,brands,Bras'});" title="Empriente Bras" role="menuitem">
Empriente
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Camio-Mio-Bras_catalog_nxs,31,vendor,158110.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Camio Mio', name: 'mm,brands,Bras'}], 'event_label':'Camio Mio', 'event_category':'mm,brands,Bras'});" title="Camio Mio" role="menuitem">
Camio Mio
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Reveal-Bras_catalog_nxs,31,vendor,154055.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Reveal', name: 'mm,brands,Bras'}], 'event_label':'Reveal', 'event_category':'mm,brands,Bras'});" title="Reveal" role="menuitem">
Reveal
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Natori-Bras_catalog_nxs,31,vendor,8923.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Natori', name: 'mm,brands,Bras'}], 'event_label':'Natori', 'event_category':'mm,brands,Bras'});" title="Natori Bras" role="menuitem">
Natori
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Elomi-Bras_catalog_nxs,31,vendor,23797.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Elomi', name: 'mm,brands,Bras'}], 'event_label':'Elomi', 'event_category':'mm,brands,Bras'});" title="Elomi Bras" role="menuitem">
Elomi
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Fantasie-Bras_catalog_nxs,31,vendor,744.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Fantasie ', name: 'mm,brands,Bras'}], 'event_label':'Fantasie ', 'event_category':'mm,brands,Bras'});" title="Fantasie Bras" role="menuitem">
Fantasie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Glamorise-Bras_catalog_nxs,31,vendor,752.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Glamorise', name: 'mm,brands,Bras'}], 'event_label':'Glamorise', 'event_category':'mm,brands,Bras'});" title="Glamorise Bras" role="menuitem">
Glamorise
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bali-Bras_catalog_nxs,31,vendor,713.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bali ', name: 'mm,brands,Bras'}], 'event_label':'Bali ', 'event_category':'mm,brands,Bras'});" title="Bali Bras" role="menuitem">
Bali
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Warners-Bras_catalog_nxs,31,vendor,822.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Warners', name: 'mm,brands,Bras'}], 'event_label':'Warners', 'event_category':'mm,brands,Bras'});" title="Warner's Bras" role="menuitem">
Warner's
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/hanky-panky-v758/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hanky_Panky', name: 'mm,brands,Panties'}], 'event_label':'Hanky_Panky', 'event_category':'mm,brands,Panties'});" title="Hanky Panky Panties" role="menuitem">
Hanky Panky
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/vanity-fair-v815/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Vanity_Fair', name: 'mm,brands,Panties'}], 'event_label':'Vanity_Fair', 'event_category':'mm,brands,Panties'});" title="Vanity Fair Panties" role="menuitem">
Vanity Fair
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/bare-v166403/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bare', name: 'mm,brands,Panties'}], 'event_label':'Bare', 'event_category':'mm,brands,Panties'});" title="Bare Panties" role="menuitem">
Bare
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/olga-v795/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Olga', name: 'mm,brands,Panties'}], 'event_label':'Olga', 'event_category':'mm,brands,Panties'});" title="Olga Panties" role="menuitem">
Olga
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/natori-v8923/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Natori', name: 'mm,brands,Panties'}], 'event_label':'Natori', 'event_category':'mm,brands,Panties'});" title="Natori Panties" role="menuitem">
Natori
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="https://www.barenecessities.com/panties-c32/calvin-klein-v8912/" onclick="gtag('event', 'select_content', {promotions: [{id: 'Calvin_Klein', name: 'mm,brands,Panties'}], 'event_label':'Calvin_Klein', 'event_category':'mm,brands,Panties'});" title="Calvin Klein Panties" role="menuitem">
Calvin Klein
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/PJ-Harlow-Sleepwear_catalog_nxs,38,vendor,84281.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'PJ_Harlow', name: 'mm,brands,Sleep'}], 'event_label':'PJ_Harlow', 'event_category':'mm,brands,Sleep'});" title="PJ Harlow Pajamas" role="menuitem">
PJ Harlow
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bare-Sleepwear_catalog_nxs,38,vendor,166403.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bare', name: 'mm,brands,Sleep'}], 'event_label':'Bare', 'event_category':'mm,brands,Sleep'});" title="Bare Pajamas" role="menuitem">
Bare
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Hanro-Sleepwear_catalog_nxs,38,vendor,8919.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Hanro', name: 'mm,brands,Sleep'}], 'event_label':'Hanro', 'event_category':'mm,brands,Sleep'});" title="Hanro" role="menuitem">
Hanro
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Papinelle-Sleepwear_catalog_nxs,38,vendor,156582.htm " onclick="gtag('event', 'select_content', {promotions: [{id: 'Papinelle ', name: 'mm,brands,Sleep'}], 'event_label':'Papinelle ', 'event_category':'mm,brands,Sleep'});" title="Papinelle " role="menuitem">
Papinelle
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Lauren-Ralph-Lauren-Sleepwear_catalog_nxs,38,vendor,21803.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Lauren By Ralph Lauren ', name: 'mm,brands,Sleep'}], 'event_label':'Lauren By Ralph Lauren ', 'event_category':'mm,brands,Sleep'});" title="Lauren By Ralph Lauren " role="menuitem">
Lauren By Ralph Lauren
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Polo-Ralph-Lauren-Sleepwear_catalog_nxs,38,vendor,173499.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Polo by Ralph Lauren ', name: 'mm,brands,Sleep'}], 'event_label':'Polo by Ralph Lauren ', 'event_category':'mm,brands,Sleep'});" title="Polo by Ralph Lauren " role="menuitem">
Polo by Ralph Lauren
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/UGG-Sleepwear_catalog_nxs,38,vendor,34620.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Ugg', name: 'mm,brands,Sleep'}], 'event_label':'Ugg', 'event_category':'mm,brands,Sleep'});" title="Ugg" role="menuitem">
Ugg
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Bare-Activewear_catalog_nxs,165,vendor,166403.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bare', name: 'mm,brands,Active'}], 'event_label':'Bare', 'event_category':'mm,brands,Active'});" title="Bare Activewear" role="menuitem">
Bare
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Body-Up-Activewear_catalog_nxs,165,vendor,171167.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Body_Up', name: 'mm,brands,Active'}], 'event_label':'Body_Up', 'event_category':'mm,brands,Active'});" title="Body Up Activewear" role="menuitem">
Body Up
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Panache-Activewear_catalog_nxs,165,vendor,800.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Panache', name: 'mm,brands,Active'}], 'event_label':'Panache', 'event_category':'mm,brands,Active'});" title="Panache Activewear" role="menuitem">
Panache
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Glamorise-Activewear_catalog_nxs,165,vendor,752.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Glamorise', name: 'mm,brands,Active'}], 'event_label':'Glamorise', 'event_category':'mm,brands,Active'});" title="Glamorise Activewear" role="menuitem">
Glamorise
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Anita-Activewear_catalog_nxs,165,vendor,21040.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Anita', name: 'mm,brands,Active'}], 'event_label':'Anita', 'event_category':'mm,brands,Active'});" title="Anita Activewear" role="menuitem">
Anita
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sweaty-Betty-Activewear_catalog_nxs,165,vendor,170452.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sweaty_Betty', name: 'mm,brands,Active'}], 'event_label':'Sweaty_Betty', 'event_category':'mm,brands,Active'});" title="Sweaty Betty Activewear" role="menuitem">
Sweaty Betty
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/SPANX-Shapewear_catalog_nxs,33,vendor,38995.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Spanx', name: 'mm,brands,Shape'}], 'event_label':'Spanx', 'event_category':'mm,brands,Shape'});" title="Spanx Shapewear" role="menuitem">
Spanx
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Honeylove-Shapewear_catalog_nxs,33,vendor,168651.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Honey_Love', name: 'mm,brands,Shape'}], 'event_label':'Honey_Love', 'event_category':'mm,brands,Shape'});" title="Honey Love Shapewear" role="menuitem">
Honey Love
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/TC-Fine-Intimates_brand_187.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'TC_FINE', name: 'mm,brands,Shape'}], 'event_label':'TC_FINE', 'event_category':'mm,brands,Shape'});" title="TC Fine Shapewear" role="menuitem">
TC Fine Intimates
</a>
</li>
<!-- mid-column heading -->
<li class="body-1 nav-dropdown-text" style="padding-top: calc(0.4em - 5px);" role="none">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Swim</h4>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Birdsong-Swimwear_catalog_nxs,121,vendor,138023.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Birdsong', name: 'mm,brands,Swim'}], 'event_label':'Birdsong', 'event_category':'mm,brands,Swim'});" title="Birdsong Swimwear" role="menuitem">
Birdsong
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Sunsets-Swimwear_catalog_nxs,121,vendor,47164.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sunsets', name: 'mm,brands,Swim'}], 'event_label':'Sunsets', 'event_category':'mm,brands,Swim'});" title="Sunsets Swimwear" role="menuitem">
Sunsets
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/Fantasie-Swimwear_catalog_nxs,121,vendor,744.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Fantasie', name: 'mm,brands,Swim'}], 'event_label':'Fantasie', 'event_category':'mm,brands,Swim'});" title="Fantasie Swimwear" role="menuitem">
Fantasie
</a>
</li>
<!--<li class="body-1 nav-dropdown-text">
<a href="/Freya-Swimwear_catalog_nxs,121,vendor,750.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Freya', name: 'mm,brands,Swim'}], 'event_label':'Freya', 'event_category':'mm,brands,Swim'});" title="Freya Swimwear">
Freya
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Miraclesuit-Swimwear_catalog_nxs,121,vendor,16355.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Miraclesuit', name: 'mm,brands,Swim'}], 'event_label':'Miraclesuit', 'event_category':'mm,brands,Swim'});" title="Miraclesuit Swimwear">
Miraclesuit
</a>
</li>
<li class="body-1 nav-dropdown-text">
<a href="/Pour-Moi-Swimwear_catalog_nxs,121,vendor,96943.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Pour_Moi', name: 'mm,brands,Swim'}], 'event_label':'Pour_Moi', 'event_category':'mm,brands,Swim'});" title="Pour Moi Swimwear">
Pour Moi
</a>
</li>-->
</ul>
</section>
</div>
<div class="grid-x grid-padding-x small-up-12 megaTitle" style="border-top: 1px solid #333; padding: 10px 0px 0px 0px; margin-top: -11px;">
<li class="body-1-bold nav-dropdown-text" role="none">
<a href="/brands.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'viewall', name: 'mm,brands,styles'}], 'event_label':'viewall', 'event_category':'mm,brands,styles'});" title="View All" role="menuitem">
View All Brands
</a>
</li>
</div>
</div>
</div>
</div>
</div>
</ul>
</li><!-- 76460: MegaMenu7 - Top Nav: Learn_dropdown - articles.aspx - v01.00 -->
<style>
.nav-dropdown-categorical .menu.submenu.js-dropdown-active.mega-categorical-content {
padding-left: 0.9375rem;
width: 200%;
}
.dropdown .mega-categorical-content a {
line-height: 120%;
padding-top: 8px;
}
</style>
<li class="nav-bar-dropdown-item is-dropdown-submenu-parent opens-right" role="none">
<a href="/learn" class="nav-bar-dropdown-item-hook" manual_cm_sp="mm,topnav,learn-_-all-_-all" onclick="gtag('event', 'select_content', {promotions: [{id: 'all', name: 'mm,topnav,learn'}], 'event_label':'all', 'event_category':'mm,topnav,learn'});" title="Learn" role="menuitem" aria-haspopup="true" aria-label="
Learn
">
<div>
<span class="nav-bar-dropdown-item-hook-text"> Learn </span>
</div>
</a>
<ul class="nav-bar-dropdown-item-menu nav-bar-dropdown-categorical-submenu-parent menu submenu is-dropdown-submenu first-sub vertical" data-submenu="" role="menubar">
<div class="content-wrapper max-width-maxcontent mx-auto">
<div class="grid-x nav-bar-dorpdown-items-wrapper">
<div class="cell medium-3 large-2">
<div class="nav-dropdown-categorical">
<ul class="vertical menu dropdown" data-responsive-menu="drilldown medium-dropdown" data-auto-height="true" data-animate-height="true" role="menubar" data-dropdown-menu="ko4yy2-dropdown-menu"
data-mutate="4ixn2p-responsive-menu">
<li class="is-dropdown-submenu-parent opens-right" role="none">
<a href="#" role="menuitem" aria-haspopup="true" aria-label="
Featured
">
<div class="grid-x align-middle">
<span class="arrow grid-x align-middle">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="text body-1-bold">Featured</span>
</div>
</a>
<ul class="menu mega-categorical-content nav-dropdown-categorical-content submenu is-dropdown-submenu vertical first-sub" data-submenu="" role="menubar">
<div class="grid-x grid-padding-x nav-dropdown-list megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Featured</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-2 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=I_Do_List" onclick="gtag('event', 'select_content', {promotions: [{id: 'The_I_Do_List', name: 'mm,learn,Featured'}], 'event_label':'The_I_Do_List', 'event_category':'mm,learn,Featured'});" title="The "I Do" List" role="menuitem">
The "I Do" List
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=72Hours_InCocoaBeach" onclick="gtag('event', 'select_content', {promotions: [{id: 'An_Epic_Spring_Break_Escape', name: 'mm,learn,Featured'}], 'event_label':'An_Epic_Spring_Break_Escape', 'event_category':'mm,learn,Featured'});" title="An Epic Spring Break Escape" role="menuitem">
An Epic Spring Break
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=color_your_world" onclick="gtag('event', 'select_content', {promotions: [{id: 'What_Your_Favorite_Color_Says_About_You', name: 'mm,learn,Featured'}], 'event_label':'What_Your_Favorite_Color_Says_About_You', 'event_category':'mm,learn,Featured'});" title="What Your Favorite Color Says About You" role="menuitem">
What Your Favorite Color Says
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=bare_article" onclick="gtag('event', 'select_content', {promotions: [{id: 'Introducing_Bare_by_Bare_Necessities', name: 'mm,learn,Featured'}], 'event_label':'Introducing_Bare_by_Bare_Necessities', 'event_category':'mm,learn,Featured'});" title="Introducing Bare by Bare Necessities" role="menuitem">
Bare by Bare Necessities
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Living_Intimately_Wacoal" onclick="gtag('event', 'select_content', {promotions: [{id: 'Living_Intimately_with_Wacoal', name: 'mm,learn,Featured'}], 'event_label':'Living_Intimately_with_Wacoal', 'event_category':'mm,learn,Featured'});" title="Living Intimately with Wacoal" role="menuitem">
Living Intimately with Wacoal
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=power_of_lingerie_article" onclick="gtag('event', 'select_content', {promotions: [{id: 'The_Power_of_Lingerie', name: 'mm,learn,Featured'}], 'event_label':'The_Power_of_Lingerie', 'event_category':'mm,learn,Featured'});" title="The Power of Lingerie" role="menuitem">
The Power of Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=sport_bra_article23" onclick="gtag('event', 'select_content', {promotions: [{id: '6_Sports_Bras_That_Will_Blow_Your_Mind', name: 'mm,learn,Featured'}], 'event_label':'6_Sports_Bras_That_Will_Blow_Your_Mind', 'event_category':'mm,learn,Featured'});" title="6 Sports Bras That Will Blow Your Mind" role="menuitem">
Mindblowing Sports Bras
</a>
</li>
</ul>
</section>
</div>
</ul>
</li>
<li role="none" class="is-dropdown-submenu-parent opens-right">
<a href="#" role="menuitem" aria-haspopup="true" aria-label="
Expert Advice
">
<div class="grid-x align-middle">
<span class="arrow grid-x align-middle">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="body-1-bold text">Expert Advice</span>
</div>
</a>
<ul class="menu mega-categorical-content nav-dropdown-categorical-content submenu is-dropdown-submenu vertical first-sub" data-submenu="" role="menubar">
<div class="grid-x grid-padding-x nav-dropdown-list megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Expert Advice</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-2 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=fit_sizing" onclick="gtag('event', 'select_content', {promotions: [{id: 'How_to_Measure_Your_Bra_Size', name: 'mm,learn,Expert_Advice'}], 'event_label':'How_to_Measure_Your_Bra_Size', 'event_category':'mm,learn,Expert_Advice'});" title="How to Measure Your Bra Size" role="menuitem">
How to Measure Your Bra Size
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shop.aspx?PageType=shopping6&PageName=sports_bra_fit_guide" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sports_Bra_Fit_Guide', name: 'mm,learn,Expert_Advice'}], 'event_label':'Sports_Bra_Fit_Guide', 'event_category':'mm,learn,Expert_Advice'});" title="Sports Bra Fit Guide" role="menuitem">
Sports Bra Fit Guide
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=How_to_Care_for_Your_Swimsuits" onclick="gtag('event', 'select_content', {promotions: [{id: 'How_to_Care_for_Your_Swimsuits', name: 'mm,learn,Expert_Advice'}], 'event_label':'How_to_Care_for_Your_Swimsuits', 'event_category':'mm,learn,Expert_Advice'});" title="How to Care for Your Swimsuits" role="menuitem">
How to Clean Swimsuits
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/shop.aspx?PageType=shopping6&PageName=BRALETTEFITGUIDE" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bralette_Fit_Guide', name: 'mm,learn,Expert_Advice'}], 'event_label':'Bralette_Fit_Guide', 'event_category':'mm,learn,Expert_Advice'});" title="Bralette Fit Guide" role="menuitem">
Bralette Fit Guide
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=When_to_Replace_Your_Bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'When_to_Replace_Your_Bras', name: 'mm,learn,Expert_Advice'}], 'event_label':'When_to_Replace_Your_Bras', 'event_category':'mm,learn,Expert_Advice'});" title="When to Replace Your Bras" role="menuitem">
When to Replace Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=How_to_Wash_Your_Lingerie" onclick="gtag('event', 'select_content', {promotions: [{id: 'How_to_Wash_Your_Lingerie', name: 'mm,learn,Expert_Advice'}], 'event_label':'How_to_Wash_Your_Lingerie', 'event_category':'mm,learn,Expert_Advice'});" title="How to Wash Your Lingerie" role="menuitem">
How to Wash Lingerie
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=How_to_Choose_Shapewear" onclick="gtag('event', 'select_content', {promotions: [{id: 'How_to_Choose_Shapewear', name: 'mm,learn,Expert_Advice'}], 'event_label':'How_to_Choose_Shapewear', 'event_category':'mm,learn,Expert_Advice'});" role="menuitem">
How to Choose Shapewear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=how_to_wash_your_bras" onclick="gtag('event', 'select_content', {promotions: [{id: 'How_to_Wash_Your_Bras', name: 'mm,learn,Expert_Advice'}], 'event_label':'How_to_Wash_Your_Bras', 'event_category':'mm,learn,Expert_Advice'});" role="menuitem">
How to Wash Your Bras
</a>
</li>
</ul>
</section>
</div>
</ul>
</li>
<li role="none" class="is-dropdown-submenu-parent opens-right">
<a href="#" role="menuitem" aria-haspopup="true" aria-label="
Shopping Advice
">
<div class="grid-x align-middle">
<span class="arrow grid-x align-middle">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="text body-1-bold">Shopping Advice</span>
</div>
</a>
<ul class="menu mega-categorical-content nav-dropdown-categorical-content submenu is-dropdown-submenu vertical first-sub" data-submenu="" role="menubar">
<div class="grid-x grid-padding-x nav-dropdown-list megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Shopping Advice</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-2 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Best_Sports_Bras_for_Running" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Sports_Bras_for_Running', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Sports_Bras_for_Running', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Sports Bras for Running" role="menuitem">
Sports Bras for Running
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=The_Best_Backless_Bras_for_Every_Outfit" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Backless_Bras_for_Every_Outfit', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Backless_Bras_for_Every_Outfit', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Backless Bras for Every Outfit" role="menuitem">
Best Backless Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Best_Seamless_Underwear" onclick="gtag('event', 'select_content', {promotions: [{id: 'Seamless_Underwear_for_Every_Outfit', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Seamless_Underwear_for_Every_Outfit', 'event_category':'mm,learn,Shopping_Advice'});" title="Seamless Underwear for Every Outfit" role="menuitem">
Best Seamless Underwear
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=The_Best_Bras_for_Older_Women" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Bras_for_Older_Women', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Bras_for_Older_Women', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Bras for Older Women" role="menuitem">
Bras for Older Women
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Strapless_Bra_Hacks_for_Large_Busts" onclick="gtag('event', 'select_content', {promotions: [{id: 'Strapless_Bra_Hacks_for_Large_Busts', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Strapless_Bra_Hacks_for_Large_Busts', 'event_category':'mm,learn,Shopping_Advice'});" title="Strapless Bra Hacks for Large Busts" role="menuitem">
Strapless Bras for Large Busts
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Best_Everyday_Bras_of_2023" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Everyday_Bras', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Everyday_Bras', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Everyday Bras" role="menuitem">
Best Everyday Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Best_Bras_for_Small_Breasts" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Bras_for_Small_Breasts', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Bras_for_Small_Breasts', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Bras for Small Breasts" role="menuitem">
Bras for Small Breasts
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Best_Bras_for_Breast_Shapes" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras_for_Every_Breast_Shape', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Bras_for_Every_Breast_Shape', 'event_category':'mm,learn,Shopping_Advice'});" title="Bras for Every Breast Shape" role="menuitem">
Bras for Every Breast Shape
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Bra_Alternatives_for_Every_Body_Type" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bra_Alternatives', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Bra_Alternatives', 'event_category':'mm,learn,Shopping_Advice'});" title="Bra Alternatives" role="menuitem">
Bra Alternatives
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=The_Best_Underwear_for_Working_Out" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Underwear_for_Working_Out', name: 'mm,learn,Shopping_Advice'}], 'event_label':'Best_Underwear_for_Working_Out', 'event_category':'mm,learn,Shopping_Advice'});" title="Best Underwear for Working Out" role="menuitem">
Best Underwear for Working Out
</a>
</li>
</ul>
</section>
</div>
</ul>
</li>
<li role="none" class="is-dropdown-submenu-parent opens-right">
<a href="#" role="menuitem" aria-haspopup="true" aria-label="
Style Advice
">
<div class="grid-x align-middle">
<span class="arrow grid-x align-middle">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="text body-1-bold">Style Advice</span>
</div>
</a>
<ul class="menu mega-categorical-content nav-dropdown-categorical-content submenu is-dropdown-submenu vertical first-sub" data-submenu="" role="menubar">
<div class="grid-x grid-padding-x nav-dropdown-list megaTitle">
<section class="cell">
<h4 class="nav-dropdown-list-title nav-dropdown-text body-1-bold megaH4">Style Advice</h4>
</section>
</div>
<div class="grid-x grid-padding-x nav-dropdown-list small-up-2 megaNoTitle">
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=The_Best_Swimwear_Trends_of_2023" onclick="gtag('event', 'select_content', {promotions: [{id: '2023_Swimsuit_Trends', name: 'mm,learn,Style_Advice'}], 'event_label':'2023_Swimsuit_Trends', 'event_category':'mm,learn,Style_Advice'});" title="2023 Swimsuit Trends" role="menuitem">
2023 Swimsuit Trends
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Bikini_Buying_Guide" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bikini_Buying_Guide', name: 'mm,learn,Style_Advice'}], 'event_label':'Bikini_Buying_Guide', 'event_category':'mm,learn,Style_Advice'});" title="Bikini Buying Guide" role="menuitem">
Bikini Buying Guide
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=types_of_bras" onclick="gtag('event', 'select_content', {promotions: [{id: '16_Types_of_Bras', name: 'mm,learn,Style_Advice'}], 'event_label':'16_Types_of_Bras', 'event_category':'mm,learn,Style_Advice'});" title="16 Types of Bras" role="menuitem">
16 Types of Bras
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=best_shapewear_for_dresses" onclick="gtag('event', 'select_content', {promotions: [{id: 'Best_Shapewear_for_Dresses', name: 'mm,learn,Style_Advice'}], 'event_label':'Best_Shapewear_for_Dresses', 'event_category':'mm,learn,Style_Advice'});" title="Best Shapewear for Dresses" role="menuitem">
Best Shapewear for Dresses
</a>
</li>
</ul>
</section>
<section class="cell">
<ul>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=types-of-panties" onclick="gtag('event', 'select_content', {promotions: [{id: 'Types_of_Panties', name: 'mm,learn,Style_Advice'}], 'event_label':'Types_of_Panties', 'event_category':'mm,learn,Style_Advice'});" title="Types of Panties" role="menuitem">
Types of Panties
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=Lingerie-Styles" onclick="gtag('event', 'select_content', {promotions: [{id: 'Lingerie_Style_Guide', name: 'mm,learn,Style_Advice'}], 'event_label':'Lingerie_Style_Guide', 'event_category':'mm,learn,Style_Advice'});" title="Lingerie Style Guide" role="menuitem">
Lingerie Style Guide
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=lingerie_trends_2023" onclick="gtag('event', 'select_content', {promotions: [{id: '2023_Lingerie_Trends', name: 'mm,learn,Style_Advice'}], 'event_label':'2023_Lingerie_Trends', 'event_category':'mm,learn,Style_Advice'});" title="2023 Lingerie Trends" role="menuitem">
2023 Lingerie Trends
</a>
</li>
<li class="body-1 nav-dropdown-text" role="none">
<a href="/feature.aspx?pagename=types_of_swimsuits" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swimsuit_Style_Guide', name: 'mm,learn,Style_Advice'}], 'event_label':'Swimsuit_Style_Guide', 'event_category':'mm,learn,Style_Advice'});" title="Swimsuit Style Guide" role="menuitem">
Swimsuit Style Guide
</a>
</li>
</ul>
</section>
</div>
</ul>
</li>
<li class="body-1-bold nav-dropdown-text" role="none">
<a href="/learn" onclick="gtag('event', 'select_content', {promotions: [{id: 'Learn_More', name: 'mm,learn,all'}], 'event_label':'Learn_More', 'event_category':'mm,learn,all'});" role="menuitem">Learn More</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</ul>
</li>
<script>
$('.nav-bar-dropdown').on('show.zf.dropdownMenu', function(a, b) {
if (b.is('.nav-bar-dropdown-categorical-submenu-parent')) {
b.find('.nav-dropdown-categorical > ul > li:first-child').addClass('is-active').children('ul').addClass('js-dropdown-active');
}
});
</script>
</ul>
</nav>
</div>
<script>
var megaTimer = "";
$(document).on("bn.loading.lowpriorityjs", function() {
$(".nav-bar-dropdown-item").on("mouseenter", function(e) {
clearTimeout(megaTimer);
megaTimer = setTimeout(function() {
BareNecessities.showModalBackgroundForMegaMenu();
}, 125);
});
$(".nav-bar-dropdown-item").on("mouseleave", function(e) {
clearTimeout(megaTimer);
megaTimer = setTimeout(function() {
$(".body-modal").hide();
}, 500);
});
});
</script>
</div>
</div>
</div>
</header>
<script>
$(".loyalty-header-container .loyalty-level-bar").attr("id", "my_account_loyalty_level_bar");
$(".loyalty-header-container .loyalty-level-bar .level-bar1").attr("id", "my_account_loyalty_level_bar1");
$(".loyalty-header-container .loyalty-level-bar .level-bar2").attr("id", "my_account_loyalty_level_bar2");
$(".loyalty-header-container .loyalty-level-bar .level-bar3").attr("id", "my_account_loyalty_level_bar3");
$(".loyalty-header-container .loyalty-level-bar .level-bar4").attr("id", "my_account_loyalty_level_bar4");
$(".loyalty-header-container .loyalty-progress-bar").attr("id", "my_account_loyalty_progress_bar");
$(".loyalty-header-container .loyalty-progress-bar .loyalty-progress-meter").attr("id", "my_account_loyalty_progress_meter");
(function() {
var cartCount = $("#ItemsInCartLabel");
var desktopColorTheme = "theme-light";
if (!BareNecessities.isEmpty(cartCount.text()) && parseInt(cartCount.text()) > 0) {
var bagPath = $("#bag-path-desktop");
if (desktopColorTheme == "theme-light") {
bagPath.removeClass("fill-none").addClass("fill-charcoal");
} else {
bagPath.removeClass("fill-none").addClass("fill-cream");
}
$("#bag-path-mobile").removeClass("fill-none").addClass("fill-cream");
}
})();
$(function() {
// Both of these open events are needed for iPhone.
$("#search-menu").on("openedEnd.zf.offCanvas", function(e) {
$("#txtSearch").focus();
});
$("#search-menu").on("opened.zf.offCanvas", function(e) {
$("#txtSearch").focus();
});
var $btns = $("#mob-openSearchBtn, #mob-openSearchBtnInner, #dsktp-openSearchBtn");
$btns.on("click", function(e) {
var txtSearch = $("#txtSearch");
$("#search-menu").foundation("open");
if (txtSearch.val().length > 0) {
$("#drpSearch-clear").show();
}
event.stopPropagation();
event.preventDefault();
if (typeof(BareNecessities.recentSearch) == 'function') {
BareNecessities.recentSearch(false);
}
});
//$("#top_modal_container .nav-bar-actions > div.show-for-large").insertAfter("#dsktp-openSearchBtn");
});
(function() {
//calc icon width with and without personalization
var outerPad = 35;
var iconWidth = $(".headerPersonalization").outerWidth(true) + $(".myaccountContainer").outerWidth(true) + $(".srchContainer").outerWidth(true) + $(".favContainer").outerWidth(true) + $(".bagContainer").outerWidth(true) + outerPad;
$("#nav-bar-actions-icons").css("max-width", iconWidth + "px");
})();
</script>
<div id="body_modal_container">
<div class="body-modal"></div>
<div id="HeroFullWidthContainer">
</div>
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id="bn-logo">
<svg width="100%" height="100%" viewBox="0 0 613 77">
<path
d="M0.000854492 0.000457764L22.0728 0.00045391C35.8634 0.000451503 41.9907 6.86586 41.9907 18.8892L41.9907 19.7518C41.9907 28.6593 38.1236 34.3452 30.2483 36.2816C38.7593 37.6723 43.3856 43.3232 43.3856 54.5191L43.3856 55.2761C43.3856 69.5527 36.1813 76.2068 22.3907 76.2068L0.000867837 76.2068L0.000854492 0.000457764ZM21.19 33.7116C31.6433 33.7116 35.0865 29.1874 35.0865 20.0687L35.0865 19.1533C35.0865 9.92894 31.6433 5.63365 21.19 5.63366L6.6578 5.63366L6.65781 33.6587L21.19 33.7116ZM21.296 70.5208C31.8905 70.5208 36.3755 66.3312 36.3755 55.1705L36.3755 54.3607C36.3755 43.4112 31.9611 39.1159 21.084 39.1159L6.65781 39.1159L6.65781 70.4681L21.296 70.5208Z">
</path>
<path
d="M87.0728 71.1722C85.0245 71.1722 84.3712 70.4153 84.3712 68.0564L84.3712 56.0154L84.3712 52.8426L78.1734 52.8426L78.1734 56.0154C77.626 64.2187 72.1875 71.8587 65.972 71.8587L65.2127 71.8587C60.4804 71.8587 57.0372 68.9541 57.0372 62.74L57.0372 62.1943C57.0372 55.7514 60.039 51.7905 67.4728 49.5373L71.6224 48.3402C73.7699 47.885 75.8871 47.2971 77.9614 46.5799C80.008 45.6265 81.7454 44.1201 82.9762 42.2317C85.3953 38.711 84.742 32.4264 83.1881 28.5712C82.4439 26.8903 81.3258 25.4003 79.9186 24.2139C78.5114 23.0275 76.8518 22.1759 75.0656 21.7235C72.9768 21.1617 70.8191 20.895 68.6559 20.9313L67.7907 20.9313C57.461 20.9313 51.7576 26.5116 51.7576 34.7678L51.7576 36.0704L58.3262 36.0704L58.3262 34.7678C58.3262 29.1874 61.6635 25.7547 67.7907 25.7547L68.6559 25.7547C74.8007 25.7547 78.244 28.8705 78.244 35.1022L78.244 37.4612C78.244 40.577 77.2728 41.6508 74.7124 42.3902L64.8242 45.2947C55.554 47.9705 50.5039 53.4452 50.5039 62.2471L50.5039 62.8984C50.5039 71.8059 55.448 76.9814 63.7471 76.9814L64.5947 76.9814C71.2693 76.9814 75.5777 73.9711 78.4912 68.1795L78.4912 69.7815C78.4912 74.4993 80.257 76.33 84.8479 76.33L89.4742 76.33L89.4742 71.2954L87.0728 71.1722Z">
</path>
<path
d="M97.6128 21.4596L103.864 21.4596L103.864 30.2614C106.777 24.1529 109.355 21.4596 114.635 21.4596L119.791 21.4596L119.791 27.5856L113.664 27.5856C108.066 27.5856 104.181 32.0922 104.181 40.0314L104.181 76.207L97.6128 76.207L97.6128 21.4596Z">
</path>
<path
d="M124.102 52.0556L124.102 45.5599C124.102 28.2907 130.777 20.9147 142.307 20.9147L143.155 20.9147C154.032 20.9147 160.707 27.4633 160.707 42.8137C160.707 44.8557 160.601 47.109 160.601 49.996L130.777 49.996L130.777 52.1436C130.777 67.0716 134.979 72.0007 142.519 72.0006L143.261 72.0006C150.324 72.0006 153.379 67.494 153.379 61.2623L153.379 60.1885L159.947 60.1885L159.947 61.1567C159.947 70.0642 154.88 77 143.367 77L142.502 77C130.777 76.8592 124.102 69.4481 124.102 52.0556ZM154.12 45.0142L154.12 41.3526C154.12 29.875 149.935 25.6854 143.031 25.6854L142.29 25.6854C135.068 25.6854 130.759 30.5263 130.759 44.8029L130.759 45.0142L154.12 45.0142Z">
</path>
<path d="M191.282 -1.52588e-05L199.581 -1.67076e-05L231.983 66.0138L231.983 -2.23643e-05L238.604 -2.35203e-05L238.604 76.2063L230.305 76.2063L197.798 10.1925L197.798 76.2063L191.282 76.2063L191.282 -1.52588e-05Z"></path>
<path
d="M249.282 52.0556L249.282 45.5598C249.282 28.2906 255.957 20.9146 267.487 20.9146L268.335 20.9146C279.212 20.9146 285.887 27.4632 285.887 42.8136C285.887 44.8556 285.781 47.1089 285.781 49.9959L255.957 49.996L255.957 52.1435C255.957 67.0715 260.16 72.0006 267.699 72.0006L268.441 72.0006C275.504 72.0006 278.576 67.4939 278.576 61.2622L278.576 60.1884L285.145 60.1884L285.145 61.1566C285.145 70.0641 280.077 76.9999 268.565 76.9999L267.735 76.9999C255.957 76.8591 249.282 69.448 249.282 52.0556ZM279.3 45.0141L279.3 41.3525C279.3 29.8749 275.116 25.6853 268.211 25.6853L267.47 25.6853C260.248 25.6853 255.939 30.5263 255.939 44.8028L255.939 45.0141L279.3 45.0141Z">
</path>
<path
d="M294.217 52.0556L294.217 45.5599C294.217 28.2907 300.892 20.9147 312.74 20.9147L313.641 20.9147C325.171 20.9147 330.009 27.9562 330.009 37.4446L330.009 38.7296L323.44 38.7296L323.44 37.4446C323.44 30.1391 319.909 25.9493 313.535 25.9493L312.793 25.9493C305.359 25.9493 301.051 30.6848 301.051 45.5951L301.051 52.1436C301.051 67.0716 305.359 71.895 312.793 71.895L313.641 71.895C319.997 71.895 323.546 67.5997 323.546 60.4174L323.546 59.1323L330.115 59.1323L330.115 60.4174C330.115 69.7473 325.277 76.9473 313.746 76.9473L312.899 76.9473C300.962 76.8593 294.217 69.4481 294.217 52.0556Z">
</path>
<path
d="M337.887 52.0556L337.887 45.5598C337.887 28.2906 344.579 20.9146 356.092 20.9146L356.957 20.9146C367.834 20.9146 374.509 27.4632 374.509 42.8136C374.509 44.8556 374.385 47.1089 374.385 49.9959L344.579 49.996L344.579 52.1435C344.579 67.0715 348.764 72.0006 356.304 72.0006L357.063 72.0006C364.126 72.0006 367.181 67.4939 367.181 61.2622L367.181 60.1884L373.679 60.1884L373.679 61.1566C373.679 70.0641 368.611 76.9999 357.098 76.9999L356.233 76.9999C344.579 76.8591 337.887 69.448 337.887 52.0556ZM367.905 45.0141L367.905 41.3525C367.905 29.8749 363.702 25.6853 356.816 25.6853L356.021 25.6853C348.799 25.6853 344.508 30.5263 344.508 44.8028L344.508 45.0141L367.905 45.0141Z">
</path>
<path
d="M382.364 61.4033L382.364 60.1007L388.932 60.1007L388.932 61.4033C388.932 68.2688 392.04 71.9656 398.732 71.9656L399.58 71.9656C405.725 71.9656 409.38 68.6385 409.38 62.4244L409.38 61.5618C409.38 56.5096 406.802 53.3936 401.31 51.7917L395.059 50.0313C387.414 47.7781 382.999 42.8491 382.999 35.6491L382.999 34.7866C382.999 26.8473 388.597 20.9501 398.503 20.9501L399.368 20.9501C409.962 20.9501 415.26 27.0586 415.26 35.0331L415.26 36.1069L408.691 36.1069L408.691 35.0331C408.691 29.1182 405.354 25.7911 399.438 25.7911L398.573 25.7911C397.379 25.6934 396.178 25.8522 395.051 26.257C393.924 26.6618 392.897 27.3031 392.04 28.1375C391.183 28.9719 390.516 29.98 390.083 31.0937C389.651 32.2074 389.463 33.4007 389.533 34.593L389.533 35.4555C389.533 39.9621 391.899 43.0779 397.39 44.6798L403.747 46.4402C411.605 48.6935 415.913 53.4816 415.913 61.3681L415.913 62.2132C415.913 71.5607 409.556 76.9298 399.544 76.9298L398.679 76.9298C387.802 76.8594 382.364 70.8389 382.364 61.4033Z">
</path>
<path
d="M423.382 61.4033L423.382 60.1007L429.95 60.1007L429.95 61.4033C429.95 68.2688 433.076 71.9656 439.75 71.9656L440.598 71.9656C446.743 71.9656 450.398 68.6385 450.398 62.4244L450.398 61.5618C450.398 56.5096 447.82 53.3936 442.328 51.7917L436.078 50.0313C428.432 47.7781 424.017 42.8491 424.017 35.6491L424.017 34.7866C424.017 26.8473 429.633 20.9501 439.521 20.9501L440.386 20.9501C450.981 20.9501 456.278 27.0586 456.278 35.0331L456.278 36.1069L449.603 36.1069L449.603 35.0331C449.603 29.1182 446.266 25.7911 440.333 25.7911L439.468 25.7911C438.274 25.6934 437.073 25.8522 435.946 26.257C434.819 26.6618 433.792 27.3031 432.935 28.1375C432.078 28.9719 431.411 29.98 430.978 31.0937C430.545 32.2074 430.357 33.4007 430.427 34.593L430.427 35.4555C430.427 39.9621 432.793 43.0779 438.285 44.6798L444.642 46.4402C452.499 48.6935 456.808 53.4816 456.808 61.3681L456.808 62.2131C456.808 71.5607 450.451 76.9298 440.439 76.9298L439.592 76.9298C428.767 76.8594 423.382 70.8389 423.382 61.4033Z">
</path>
<path d="M467.872 2.3596L474.44 2.3596L474.44 11.8128L467.872 11.8128L467.872 2.3596ZM467.872 21.4596L474.44 21.4596L474.44 76.207L467.872 76.207L467.872 21.4596Z"></path>
<path
d="M491.055 67.5103L491.055 26.7226L482.88 26.7226L482.88 21.4415L489.448 21.4415C490.737 21.4415 491.39 20.7022 491.39 19.2939L491.39 7.39379L497.624 7.39379L497.624 21.4767L508.501 21.4767L508.501 26.7579L497.624 26.7579L497.624 66.5774C497.624 69.6932 498.807 70.8727 501.614 70.8727L508.501 70.8727L508.501 76.1538L499.778 76.1538C493.774 76.2066 491.055 73.7244 491.055 67.5103Z">
</path>
<path d="M517.809 2.35971L524.378 2.35971L524.378 11.8129L517.809 11.8129L517.809 2.35971ZM517.809 21.4597L524.378 21.4597L524.378 76.2071L517.809 76.2071L517.809 21.4597Z"></path>
<path
d="M535.021 52.0556L535.021 45.5598C535.021 28.2906 541.696 20.9146 553.226 20.9146L554.074 20.9146C564.951 20.9146 571.626 27.4632 571.626 42.8136C571.626 44.8556 571.52 47.1089 571.52 49.9959L541.696 49.996L541.696 52.1436C541.696 67.0715 545.898 72.0006 553.438 72.0006L554.18 72.0006C561.243 72.0006 564.315 67.4939 564.315 61.2622L564.315 60.1884L570.884 60.1884L570.884 61.1566C570.884 70.0641 565.816 76.9999 554.303 76.9999L553.438 76.9999C541.696 76.8591 535.021 69.448 535.021 52.0556ZM565.039 45.0141L565.039 41.3525C565.039 29.8749 560.854 25.6853 553.95 25.6853L553.209 25.6853C545.987 25.6853 541.678 30.5263 541.678 44.8028L541.678 45.0141L565.039 45.0141Z">
</path>
<path
d="M579.434 61.4033L579.434 60.1007L586.002 60.1007L586.002 61.4033C586.002 68.2688 589.128 71.9656 595.802 71.9656L596.668 71.9656C602.812 71.9656 606.467 68.6385 606.467 62.4244L606.467 61.5618C606.467 56.5096 603.889 53.3936 598.398 51.7917L592.147 50.0313C584.501 47.7781 580.087 42.8491 580.087 35.6491L580.087 34.7866C580.087 26.8473 585.685 20.9501 595.59 20.9501L596.456 20.9501C607.05 20.9501 612.347 27.0586 612.348 35.0331L612.348 36.1069L605.779 36.1069L605.779 35.0331C605.779 29.1182 602.442 25.7911 596.526 25.7911L595.661 25.7911C594.467 25.6934 593.266 25.8522 592.139 26.257C591.012 26.6618 589.985 27.3031 589.128 28.1375C588.271 28.9719 587.604 29.98 587.171 31.0937C586.738 32.2074 586.551 33.4007 586.62 34.593L586.62 35.4555C586.62 39.9621 588.987 43.0779 594.478 44.6798L600.835 46.4402C608.692 48.6935 613.001 53.4816 613.001 61.3681L613.001 62.2131C613.001 71.5607 606.644 76.9298 596.632 76.9298L595.767 76.9298C584.872 76.8594 579.434 70.8389 579.434 61.4033Z">
</path>
</svg>
</symbol>
</defs>
</svg>
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id="bn-signature">
<svg width="100%" height="100%" viewBox="0 0 39 24">
<path
d="M38.2663 13.243C38.2278 13.0826 38.1402 12.9382 38.0157 12.83C37.8912 12.7218 37.736 12.6552 37.5718 12.6395C37.4405 12.6428 37.3124 12.6816 37.2013 12.7517C35.8478 13.5721 34.295 14.0049 32.7123 14.0031C32.5429 14.0031 32.3735 14.0031 32.2105 13.9883C30.6923 13.9036 29.5277 13.3192 28.2933 12.703C28.0116 12.5633 27.7258 12.4193 27.4315 12.2795C26.8568 11.9967 26.2255 11.8476 25.5851 11.8433C24.4628 11.8433 23.4465 12.324 22.6016 12.7962L21.8774 13.1985L22.1463 12.415C22.3609 11.7893 22.5204 11.146 22.6228 10.4924C22.6386 10.3585 22.6265 10.2226 22.5871 10.0936C22.5478 9.96458 22.482 9.84514 22.3941 9.74284C22.3488 9.67804 22.291 9.62302 22.224 9.58106C22.157 9.5391 22.0823 9.51106 22.0042 9.49861C21.9262 9.48616 21.8464 9.48956 21.7697 9.5086C21.693 9.52764 21.6209 9.56194 21.5577 9.60944C18.917 11.3862 15.9112 12.5476 12.7619 13.0079C12.3169 11.9147 11.6214 10.9414 10.7313 10.1663L10.3078 9.79366L10.8499 9.62215C12.5332 9.08856 14.8285 8.04466 16.1964 6.09451C16.5934 5.51535 16.852 4.85268 16.9523 4.15769C17.0525 3.46269 16.9916 2.75396 16.7744 2.08621C16.6143 1.6136 16.3387 1.18847 15.9727 0.849386C15.6066 0.510305 15.1616 0.268023 14.6782 0.14453C14.3143 0.0471159 13.939 -0.00131136 13.5623 0.000539384C11.7561 0.000539384 9.4714 1.03809 6.95377 2.99671C4.88504 4.60808 3.01112 6.72974 1.06097 9.67509C0.994916 9.76948 0.957051 9.88071 0.951803 9.99581C0.946554 10.1109 0.974134 10.2251 1.03132 10.3251C1.10144 10.4553 1.2044 10.5648 1.32995 10.6428C1.45551 10.7208 1.59929 10.7646 1.74702 10.7698C1.86523 10.7698 1.98108 10.7368 2.08156 10.6745C3.05518 10.1025 4.15662 9.78366 5.28524 9.74708L5.78919 9.73014L5.57744 10.1917C4.63942 12.3367 4.09525 14.1767 3.83904 15.9808C3.63788 17.463 3.49601 20.1712 4.81517 21.8164C5.43134 22.5829 6.31008 23.017 7.42597 23.1102C7.54666 23.1102 7.66735 23.125 7.78804 23.125C10.5619 23.125 12.7344 20.4189 13.2298 17.8018C13.4428 16.6813 13.4306 15.5296 13.1938 14.4139C15.5746 14.0541 17.8822 13.3149 20.0289 12.2245L20.8124 11.8243L20.4651 12.6331C20.1148 13.4427 19.6668 14.2064 19.1311 14.9073C19.0618 14.9807 19.0162 15.0733 19.0003 15.173C18.9845 15.2728 18.9991 15.375 19.0422 15.4663C19.1306 15.6114 19.2551 15.7311 19.4035 15.8139C19.5519 15.8966 19.7192 15.9395 19.8892 15.9385C19.9942 15.94 20.0984 15.9183 20.1941 15.8749C20.8192 15.5654 21.4213 15.2116 21.996 14.8162C22.7266 14.2953 23.5136 13.8585 24.3421 13.514C24.6757 13.3875 25.0293 13.3222 25.386 13.3213C26.305 13.3213 27.1096 13.7638 27.8867 14.1916C28.2569 14.4053 28.6394 14.597 29.0322 14.7654C30.1991 15.2384 31.4469 15.4794 32.706 15.4747C34.5489 15.4754 36.3577 14.9771 37.9403 14.0328C38.0794 13.9611 38.1885 13.8423 38.2482 13.6977C38.3079 13.553 38.3143 13.3919 38.2663 13.243ZM10.3057 11.801C10.6742 12.2143 10.9835 12.6767 11.2246 13.1752C10.7292 13.2105 10.2351 13.2288 9.74244 13.2303C8.52041 13.2292 7.30089 13.1194 6.09833 12.9021C6.41234 11.9911 6.77494 11.0977 7.18458 10.2256L7.30103 9.97152L7.56571 10.0562C8.61945 10.3806 9.56607 10.9833 10.3057 11.801ZM5.4991 8.27123C5.1665 8.27186 4.83422 8.29165 4.5039 8.33051L3.73529 8.42368L4.21805 7.8181C6.77168 4.61231 9.42271 2.62828 12.3236 1.75166C12.7566 1.60914 13.2082 1.53068 13.6639 1.51874C14.5109 1.51874 15.1038 1.89564 15.3981 2.60922C15.9613 3.98343 15.0424 5.22425 14.6231 5.69644C12.9758 7.53437 10.3883 8.33687 8.49739 8.68413L7.86216 8.80058L8.16071 8.22464C8.44233 7.67835 8.73031 7.13629 9.02887 6.57305L9.0818 6.47776C9.14636 6.36995 9.18045 6.24664 9.18045 6.12098C9.18045 5.99531 9.14636 5.872 9.0818 5.76419C9.00694 5.64029 8.90263 5.5368 8.77814 5.46292C8.65366 5.38904 8.51284 5.34705 8.36822 5.3407C8.25171 5.34089 8.13778 5.37504 8.04038 5.43897C7.94298 5.50291 7.86633 5.59385 7.81981 5.70067C7.43443 6.42695 6.98554 7.27392 6.55993 8.12301L6.46465 8.31781L6.2529 8.29875C5.99669 8.2797 5.74049 8.26911 5.4991 8.26911V8.27123ZM10.6635 20.0103C10.0452 20.8085 8.94629 21.6597 7.71817 21.6597C7.27971 21.6602 6.8486 21.5471 6.46677 21.3316C4.83846 20.4232 5.10526 17.9077 5.24712 16.5567C5.33008 15.8039 5.46737 15.058 5.65791 14.325C7.00379 14.5674 8.36853 14.69 9.73608 14.6913C10.401 14.6913 11.0637 14.6623 11.7244 14.6045C12.1542 16.4593 11.8133 18.5217 10.6635 20.0082V20.0103Z">
</path>
</svg>
</symbol>
</defs>
</svg>
<!-- Main Container -->
<div id="mainContainer" class="body">
<!-- HEADERS USED IN MEMBERSHIP -->
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell">
</div>
</div>
</div>
<!-- END HEADERS USED IN MEMBERSHIP -->
<div id="FullWidthContent">
<a id="main" name="main" tabindex="-1" style="display: block;"></a>
<main>
<!-- 77378 - PRESIDENTS DAY SALE default7_HomePageFullWidth:_1.1 _6298 - v00.02-->
<style>
:root {
--PRESIDENTS_DAY_SALE_alignment-desktop: center;
--PRESIDENTS_DAY_SALE_alignment-mobile: center;
--PRESIDENTS_DAY_SALE_bg-color: #333;
--PRESIDENTS_DAY_SALE_primary_color: #ACD7D9;
--PRESIDENTS_DAY_SALE_text_color: #333;
--PRESIDENTS_DAY_SALE_text_knockout_color: #fff;
}
#CUSTOM_PRESIDENTS_DAY_SALE {
background-color: transparent;
/* BACKGROUND COLOR */
margin-top: 40px;
margin-bottom: 40px;
}
#CUSTOM_PRESIDENTS_DAY_SALE * {
color: #fff;
/* COLOR OF ALL TEXT */
}
#CUSTOM_PRESIDENTS_DAY_SALE video {
-o-object-fit: cover !important;
object-fit: cover !important;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_PRESIDENTS_DAY_SALE .video {
position: absolute;
top: 0px;
left: 0;
width: 100%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero-image img.svg {
position: absolute;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_PRESIDENTS_DAY_SALE svg path {
fill: #333;
/* COLOR OF SVGs */
}
#CUSTOM_PRESIDENTS_DAY_SALE svg.stroke path {
fill: none;
stroke: #333;
/* COLOR OF ARROWS */
}
#CUSTOM_PRESIDENTS_DAY_SALE svg.stroke {
max-height: calc(17vw * 100 / 1600);
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links {
text-align: center;
margin: 0% 0%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links>a:not(:last-child) {
margin: 0px;
display: block;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links>a {
color: #333;
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
padding: 0px 20px;
}
/*
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links > a:first-child {
text-align: right;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links > a:last-child {
text-align: center;
}
*/
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links button {
margin: 7px auto;
}
/* Further Customizations */
#CUSTOM_PRESIDENTS_DAY_SALE .hero {
position: relative;
background-color: var(--PRESIDENTS_DAY_SALE_bg-color);
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero-image {
height: unset;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero-image a {
display: block;
}
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-title {
line-height: 100%;
margin-bottom: 0.1%;
/*text-shadow: #333 1px 0 12px; */
font-size: 460%;
font-size: clamp(0px, calc(25vw * 100 /1600), 25px);
text-align: center;
padding: .75%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-title.hero-title-2 {
font-size: clamp(0px, calc(129vw * 100 /1600), 129px);
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-subtext {
margin-top: -.25%;
margin-bottom: -1%;
font-size: clamp(0px, calc(25vw * 100 /1600), 25px);
text-align: center;
}
#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .hero-header {
position: relative;
bottom: auto;
top: 0%;
transform: translateY(-0%);
}
#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .full-img-click {
display: block;
}
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .image-col {
margin: 0;
background: var(--PRESIDENTS_DAY_SALE_bg-color);
}
#CUSTOM_PRESIDENTS_DAY_SALE .content-col {
margin: 0;
background: var(--PRESIDENTS_DAY_SALE_bg-color);
}
#CUSTOM_PRESIDENTS_DAY_SALE .disclaimer {
position: absolute;
top: auto;
bottom: .5%;
left: 50%;
transform: translate(-50%, 0px);
font-size: 12px;
text-align: center;
font-weight: normal;
}
#CUSTOM_PRESIDENTS_DAY_SALE .width-constrain {
max-width: 1600px;
margin: auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: transparent;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .main-title {
font-size: 60px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .secondary-title {
font-size: 40px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .title-copy {
font-size: 16px;
}
.shadow {
text-shadow: 1px 1px 2px #999;
}
#CUSTOM_PRESIDENTS_DAY_SALE .make-foreground {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: center;
background-color: #fff;
padding: .5% 0%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .eyebrow-custom {
padding: 10px;
background-color: var(--PRESIDENTS_DAY_SALE_bg-color);
text-align: center;
}
#CUSTOM_PRESIDENTS_DAY_SALE .pillOrCTA-custom {
width: 185px;
border: 1px solid var(--PRESIDENTS_DAY_SALE_text-color);
background: var(--PRESIDENTS_DAY_SALE_bg-color);
color: var(--PRESIDENTS_DAY_SALE_text-color) !important;
}
#CUSTOM_PRESIDENTS_DAY_SALE .pillOrCTA-custom:hover {
border: 1px solid var(--PRESIDENTS_DAY_SALE_bg-color);
background-color: var(--PRESIDENTS_DAY_SALE_text-color);
color: var(--PRESIDENTS_DAY_SALE_bg-color);
}
#CUSTOM_PRESIDENTS_DAY_SALE .logos {
width: 95%;
display: block;
margin: 3% auto;
}
/*#CUSTOM_PRESIDENTS_DAY_SALE .mask-text {
background: radial-gradient(130.77% 92.58% at 15.37% 14.14%, #f9e87f 7.03%, #bc9050 88.56%);
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 88% 23% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#CUSTOM_PRESIDENTS_DAY_SALE .animate {
animation: animate-bg-scroll 3s linear infinite;
}
@keyframes animate-bg-scroll{
0% {
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 0% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
50%{
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 23% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
100% {
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 0% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
} */
#CUSTOM_PRESIDENTS_DAY_SALE .mask-text {
background: radial-gradient(130.77% 92.58% at 15.37% 14.14%, #f9e87f 7.03%, #bc9050 88.56%);
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 88% 23% / 150% 141% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#CUSTOM_PRESIDENTS_DAY_SALE .width-constrain .grid-x {
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#CUSTOM_PRESIDENTS_DAY_SALE .video_bg {
width: calc(100% - 4px);
}
#CUSTOM_PRESIDENTS_DAY_SALE .featured-collections-card {
height: 100%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .black-color {
color: #333;
}
#CUSTOM_PRESIDENTS_DAY_SALE .white-color {
color: #fff;
}
#CUSTOM_PRESIDENTS_DAY_SALE .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: var(--PRESIDENTS_DAY_SALE_alignment-desktop);
background-color: #fff;
padding: .5% 0%;
padding: .875% 0%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .eyebrow-custom {
padding: 10px;
background-color: var(--PRESIDENTS_DAY_SALE_primary_color);
color: var(--PRESIDENTS_DAY_SALE_text_knockout_color);
text-align: var(--PRESIDENTS_DAY_SALE_alignment-desktop);
}
#CUSTOM_PRESIDENTS_DAY_SALE .pillOrCTA-custom {
background-color: var(--PRESIDENTS_DAY_SALE_text_color);
border: 1px solid transparent;
width: 195px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .pillOrCTA-custom:hover {
background-color: var(--PRESIDENTS_DAY_SALE_text_knockout_color);
border: 1px solid var(--PRESIDENTS_DAY_SALE_text_color);
color: var(--PRESIDENTS_DAY_SALE_text_color) !important;
}
/* ANIMATION STYLES */
#CUSTOM_PRESIDENTS_DAY_SALE .gif-it .img01 {
animation: CUSTOM_PRESIDENTS_DAY_SALE_frame01 2.5s linear infinite;
}
#CUSTOM_PRESIDENTS_DAY_SALE .gif-it .img02 {
animation: CUSTOM_PRESIDENTS_DAY_SALE_frame02 2.5s linear infinite;
}
@keyframes CUSTOM_PRESIDENTS_DAY_SALE_frame01 {
0%,
33% {
opacity: 1;
}
34%,
100% {
opacity: 0;
}
}
@keyframes CUSTOM_PRESIDENTS_DAY_SALE_frame02 {
0%,
66% {
opacity: 1;
}
67%,
100% {
opacity: 0;
}
}
/* //ANIMATION STYLES */
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 47.9375em) {
#CUSTOM_PRESIDENTS_DAY_SALE {
margin-top: 25px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links {
margin: auto;
max-width: 100%;
padding: 0px;
text-align: center;
}
#CUSTOM_PRESIDENTS_DAY_SALE .width-constrain .grid-x {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero-image img.svg {
position: relative;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: #fff !important;
margin: 7px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .content-col {
padding: 0%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-title {
line-height: 100%;
font-size: 250%;
font-size: clamp(0px, calc(16vw * 100 /375), 999999999px);
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-title.hero-title-2 {
margin-top: 1.25%;
font-size: clamp(0px, calc(62vw * 100 /375), 999999999px);
}
#CUSTOM_PRESIDENTS_DAY_SALE .hero .hero-subtext {
font-size: clamp(0px, calc(12.35vw * 100 /375), 999999999px);
}
/*#CUSTOM_PRESIDENTS_DAY_SALE .hero-image img,
#CUSTOM_PRESIDENTS_DAY_SALE .hero-image video {
position: relative;
}*/
#CUSTOM_PRESIDENTS_DAY_SALE video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
/*#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto 0px auto;
}
#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .hero-header {
bottom: auto;
top: 87%;
transform: translateY(-87%);
position: absolute;
margin: 20px auto;
}*/
#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .hero-header {
bottom: auto;
top: 0%;
transform: translateY(-0%);
position: relative;
margin: 0px auto;
padding: 0px;
text-align: center;
}
#CUSTOM_PRESIDENTS_DAY_SALE.template-freezing-sphere .hero-header div {
text-align: center;
}
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_PRESIDENTS_DAY_SALE svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_PRESIDENTS_DAY_SALE .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links>a:not(:last-child),
#CUSTOM_PRESIDENTS_DAY_SALE .multi-link-header-links>a {
margin: 7px 0px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .image-col {
/*display:none; */
}
#CUSTOM_PRESIDENTS_DAY_SALE .disclaimer {
top: 0px;
left: auto !important;
transform: translateY(0%);
position: relative;
text-align: center;
margin: 2% auto;
font-size: 12px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .small-6 {
width: 50% !important;
}
#CUSTOM_PRESIDENTS_DAY_SALE .make-background {
position: relative;
}
#CUSTOM_PRESIDENTS_DAY_SALE .secondary-img {
padding: 5.5% 0%;
}
#CUSTOM_PRESIDENTS_DAY_SALE .pillOrCTA-custom {
color: var(--PRESIDENTS_DAY_SALE_bg-color);
width: 165px;
}
#CUSTOM_PRESIDENTS_DAY_SALE .logos {
margin: 3% auto;
}
}
@media screen and (max-width: 281px) {}
</style>
<div id="CUSTOM_PRESIDENTS_DAY_SALE" class="template-freezing-sphere hero-container make-full-width">
<div class="width-constrain">
<a class="grid-x" href="/search.aspx?search=2024036298&gb=pv_pfid_price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_Shop All', name: '1900hero,HOMEPAGE-_-SLOT1'}], 'event_label':'6298_Shop All', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<div class="hero cell small-12 medium-6 content-col">
<header class="make-background hero-header">
<!--
<div class="header-1 hero-title sans-bold-condensed override-weight-normal uppercase white-color tertiary-background-color"> Presidents' Day Sale </div>
<div class="header-2 hero-title hero-title-2 serif-condensed uppercase white-color">30% Off Sale</div>
<img class="logos hide-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6298/wk01_6298_homepage_logos_andmore.svg" alt="Wacoal, Elomi, Bare, Fantasie" width="100%">
<img class="logos show-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6298/wk01_6298_homepage_logos_andmore.svg" alt="Wacoal, Elomi, Bare, Fantasie" width="100%">
<div class="multi-link-header-links ">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Shop Sale
</span>
</button>
</div>
-->
<div id="" class="gif-it make-full-width">
<img class="make-background img03" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6298/wk03_6298_homepage_frame03_v6.svg" alt="Presidents' Day - 30% Off Sale! Wacoal, Elomi, Bare, Fantasie, & more" width="100%">
<img class="make-foreground img02" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6298/wk03_6298_homepage_frame02_v6.svg" alt="Presidents' Day - 30% Off Sale! Wacoal, Elomi, Bare, Fantasie, & more" width="100%">
<img class="make-foreground img01" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6298/wk03_6298_homepage_frame01_v6.svg" alt="Presidents' Day - 30% Off Sale! Wacoal, Elomi, Bare, Fantasie, & more" width="100%">
</div>
<div class="disclaimer white-color">Select styles.</div>
</header>
</div>
<div class="hero cell small-12 medium-6 image-col">
<div class="hero-image">
<div class="make-full-width">
<div id="" class="make-full-width">
<img class="make-background" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6298/wk03_6298_homepage.jpg" alt="Women modeling a nude-colored, fiently tiger-stripped printed bra and nude-colored panties, lays comfortably on a bed with shiny white sheets." width="100%">
<div class="make-foreground">
<script src="https://fast.wistia.com/embed/medias/3lwobzbmqs.jsonp" async=""></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async=""></script><div class="wistia_responsive_padding" style="padding:62.5% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_video_foam_dummy" data-source-container-id="wistia-3lwobzbmqs-1" style="border: 0px; display: block; height: 0px; margin: 0px; padding: 0px; position: static; visibility: hidden; width: auto;"></div><div class="wistia_embed wistia_async_3lwobzbmqs seo=false videoFoam=true wistia_embed_initialized" style="height: 500px; position: relative; width: 800px;" id="wistia-3lwobzbmqs-1"><div id="wistia_chrome_37" class="w-chrome notranslate" tabindex="-1" style="display: inline-block; height: 500px; line-height: normal; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 800px; outline: none; overflow: hidden; box-sizing: content-box; border-radius: 0px;"><div id="wistia_grid_46_wrapper" style="display: block; width: 800px; height: 500px;"><div id="wistia_grid_46_above" style="height: 0px; font-size: 0px; line-height: 0px;"> </div><div id="wistia_grid_46_main" style="width: 800px; left: 0px; height: 500px; margin-top: 0px;"><div id="wistia_grid_46_behind"></div><div id="wistia_grid_46_center" style="width: 100%; height: 100%;"><div class="w-video-wrapper w-css-reset" style="height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: transparent;"><video id="wistia_simple_video_76" crossorigin="anonymous" poster="https://fast.wistia.com/assets/images/blank.gif" aria-label="Video" src="blob:https://www.barenecessities.com/1ac76906-e6d0-45e1-80f8-c0b32c2e05f6" controlslist="nodownload" playsinline="" muted="muted" loop="" preload="auto" type="video/m3u8" x-webkit-airplay="allow" style="background: transparent; display: block; height: 100%; max-height: none; max-width: none; position: static; visibility: visible; width: 100%; object-fit: contain;"></video></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"><div class="w-vulcan-v2 w-css-reset" id="w-vulcan-v2-45" style="border-radius: 0px; box-sizing: border-box; cursor: default; direction: ltr; height: 100%; left: 0px; position: absolute; visibility: visible; top: 0px; width: 100%;"><div class="w-vulcan--background w-css-reset" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"><div class="w-css-reset" data-handle="statusBar"></div><div class="w-css-reset" data-handle="backgroundFocus"><button aria-label="Pause: wk03_6298_homepage" class="w-css-reset w-vulcan-v2-button" tabindex="0" style="width: 0px; height: 0px; pointer-events: none;"></button></div><div class="w-css-reset" data-handle="thumbnail"><div></div></div></div><div aria-live="polite" class="w-vulcan--aria-live w-css-reset" aria-atomic="true" style="position: absolute; left: -99999em;"></div><div class="w-vulcan-overlays-table w-css-reset" style="display: table; pointer-events: none; position: absolute; width: 100%;"><div class="w-vulcan-overlays--left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;"><div class="w-css-reset" style="height: 500px;"></div></div><div class="w-vulcan-overlays--center w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%;"><div class="w-css-reset" style="height: 500px;"><div class="w-css-reset" data-handle="clickForSoundButton" style="pointer-events: auto;"><div class="w-css-reset w-css-reset-tree" data-handle="click-for-sound-backdrop" style="display: none; height: 100%; left: 0px; pointer-events: auto; position: absolute; top: 0px; width: 100%;"><button aria-label="Click for sound" class="w-vulcan-v2-button click-for-sound-btn" style="background: rgba(0, 0, 0, 0.8); border: 2px solid transparent; border-radius: 60px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; outline: none; pointer-events: auto; position: absolute; right: 20.5px; top: 20.5px; max-width: 759px;"><div style="display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; overflow: hidden; max-width: 0px; transition: max-width 200ms ease 0s;"><span style="color: rgb(255, 255, 255); font-family: WistiaPlayerInter, Helvetica, sans-serif; font-size: 18px; font-weight: 500; padding-left: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 800px;">Click for sound</span></div><svg viewBox="0 0 237 237" width="52.5" height="52.5"><style>
@keyframes VOLUME_SMALL_WAVE_FLASH {
0% { opacity: 0; }
33% { opacity: 1; }
66% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes VOLUME_LARGE_WAVE_FLASH {
0% { opacity: 0; }
33% { opacity: 1; }
66% { opacity: 1; }
100% { opacity: 0; }
}
.volume__small-wave {
animation: VOLUME_SMALL_WAVE_FLASH 2s infinite;
opacity: 0;
}
.volume__large-wave {
animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s;
opacity: 0;
}
</style><path fill="#fff" d="M88 107H65v24h24l23 23V84z"></path><g fill="none" stroke="#fff" stroke-linecap="round" stroke-width="10"><path d="M142 86c9 21 9 44 0 65" class="volume__small-wave"></path><path d="M165 74c13 23 13 66 0 89" class="volume__large-wave"></path></g></svg></button></div></div><div class="w-css-reset" data-handle="playPauseNotifier" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="playPauseLoading" style="pointer-events: auto;"><div class="w-css-reset w-css-reset-tree" style="height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%;"><button aria-label="Pause" class="w-vulcan-v2-button" style="background: rgba(0, 0, 0, 0.6); border: 0px; border-radius: 50%; cursor: pointer; display: none; height: 140px; left: 50%; margin: 0px; padding: 0px; pointer-events: auto; position: absolute; opacity: 0; outline: none; top: 50%; transform: translate(-50%, -50%) scale(0.8); transition: opacity 200ms ease 0s, transform 600ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 140px;"><div style="box-sizing: border-box; height: 100%; padding: 47.25px 53.55px;"><div style="height: 100%; width: 100%;"><div style="display: block; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 10 12" enable-background="new 0 0 10 12" aria-hidden="true" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><g><rect x="0" y="0" width="3.5" height="12"></rect><rect x="6.5" y="0" width="3.5" height="12"></rect></g></svg></div><div style="display: none; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 10 12" enable-background="new 0 0 10 12" aria-hidden="true" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><polygon points="11.556,7.5 0,15 0,0"></polygon></svg></div></div></div></button></div></div></div></div><div class="w-vulcan-overlays--right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;"><div class="w-css-reset" style="height: 500px;"></div></div></div><div class="w-bottom-bar w-css-reset" style="bottom: 0px; border-radius: 0px; border-collapse: collapse; display: table; height: 0px; pointer-events: none; position: absolute; padding-left: 0px; padding-right: 0px; right: 0px; table-layout: auto; transform: unset; width: calc(100% + 0px);"><div class="w-bottom-bar-lower w-css-reset" style="position: relative;"><div style="height: 100%; left: 0px; position: absolute; top: 0px; width: 0px;"><div style="background: rgb(84, 187, 255); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s ease 0s; width: 100%;"></div><div style="background: rgba(84, 187, 255, 0.85); border-radius: 0px; height: 100%; opacity: 0; left: 0px; position: absolute; top: 0px; transition: opacity 0.2s ease 0s; width: 100%;"></div></div><div style="height: 100%; position: absolute; right: 0px; top: 0px; width: 0px;"><div style="background: rgb(84, 187, 255); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.2s ease 0s; width: 100%;"></div><div style="background: rgba(84, 187, 255, 0.85); border-radius: 0px; height: 100%; opacity: 0; left: 0px; position: absolute; top: 0px; transition: opacity 0.2s ease 0s; width: 100%;"></div></div><div class="w-bottom-bar-left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 0; transition: opacity 0.2s ease 0s;"><div class="w-bottom-bar-left-inner w-css-reset" style="height: 0px; position: relative; pointer-events: none; white-space: nowrap;"></div></div><div class="w-bottom-bar-middle w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%; opacity: 0; transition: opacity 0.2s ease 0s;"><div class="w-bottom-bar-middle-inner w-css-reset" style="height: 0px; position: relative; pointer-events: auto; white-space: nowrap; opacity: 1; transform: translateY(0px); transition: opacity 0ms ease 0s, transform 0ms ease 0s;"></div></div><div class="w-bottom-bar-right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 0; transition: opacity 0.2s ease 0s; white-space: nowrap;"><div class="w-bottom-bar-right-inner-anchor w-css-reset" style="height: 0px; position: relative; pointer-events: none; white-space: nowrap; display: inline-block; right: 0px; top: 0px; vertical-align: top;"><div class="w-bottom-bar-right-inner w-css-reset" style="height: 0px; position: relative; pointer-events: auto; white-space: nowrap; display: inline-block; opacity: 1; right: 0px; top: 0px; transform: translateY(0px); transition: opacity 0ms ease 0s, transform 0ms ease 0s; padding-right: 0px;"></div></div><div class="w-ellipsis w-css-reset" style="height: 0px; position: relative; pointer-events: none; white-space: nowrap; display: none;"></div></div></div></div><div class="w-foreground w-css-reset" style="height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%;"><div class="w-css-reset" data-handle="contextMenu" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="loadingHourglass" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="focusOutline" style="pointer-events: auto;"><div class="w-focus-outline" style="box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; border-radius: 0px; display: none; height: 100%; left: 0px; pointer-events: none; position: absolute; right: 0px; width: 100%;"></div></div><div class="w-css-reset" data-handle="playbarlessProgressIndicator" style="pointer-events: auto;"><div style="bottom: 0px; left: 0px; position: absolute; width: 100%;"><div style="background-color: rgb(255, 255, 255); bottom: 0px; display: none; height: 0px; opacity: 0; transition: opacity 1s ease 0s, height 0.5s ease 0s; width: 100%;"><div style="background-color: rgb(84, 187, 255); height: 100%; transition: width 500ms ease-out 500ms; width: 0%;"></div></div></div></div></div></div><style id="wistia_52_style" type="text/css" class="wistia_injected_style">
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset{font-size:14px;}
#wistia_chrome_37 #wistia_grid_46_wrapper div.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper span.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper label.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper fieldset.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper button.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper img.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper a.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper svg.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper p.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper a.w-css-reset{border:0;}
#wistia_chrome_37 #wistia_grid_46_wrapper h1.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper h2.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper h3.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper p.w-css-reset{margin:1.4em 0;}
#wistia_chrome_37 #wistia_grid_46_wrapper a.w-css-reset{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper span.w-css-reset{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper svg.w-css-reset{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper ol.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper ul:before.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper ol:before.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper li:before.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper ul:after.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper ol:after.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper li:after.w-css-reset{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper label.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none}
#wistia_chrome_37 #wistia_grid_46_wrapper button.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static}
#wistia_chrome_37 #wistia_grid_46_wrapper img.w-css-reset{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset button::-moz-focus-inner{border: 0;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree {font-size:14px;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree div{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree span{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree label{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree fieldset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree button{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree img{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree a{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree svg{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree p{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree a{border:0;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree h1{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree h2{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree h3{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree p{margin:1.4em 0;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree a{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree span{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree svg{display:inline;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ol{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ul:before{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ol:before{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree li:before{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ul:after{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree ol:after{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree li:after{display:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree label{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree button{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree img{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-tree button::-moz-focus-inner{border: 0;}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-max-width-none-important{max-width:none!important}
#wistia_chrome_37 #wistia_grid_46_wrapper .w-css-reset-button-important{border-radius:0!important;color:#fff!important;}
</style></div></div><div id="wistia_grid_46_front"></div><div id="wistia_grid_46_top_inside"><div id="wistia_grid_46_top" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_46_bottom_inside"><div id="wistia_grid_46_bottom" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_46_left_inside"><div id="wistia_grid_46_left" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_46_right_inside"><div id="wistia_grid_46_right" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div></div><div id="wistia_grid_46_below" style="height: 0px; font-size: 0px; line-height: 0px;"> </div><style id="wistia_47_style" type="text/css" class="wistia_injected_style">#wistia_grid_46_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}
#wistia_grid_46_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#wistia_grid_46_above{position:relative;}
#wistia_grid_46_main{display:block;height:100%;position:relative;}
#wistia_grid_46_behind{height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_46_center{height:100%;overflow:hidden;position:relative;width:100%;}
#wistia_grid_46_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_46_top_inside{position:absolute;left:0;top:0;width:100%;}
#wistia_grid_46_top{width:100%;position:absolute;bottom:0;left:0;}
#wistia_grid_46_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}
#wistia_grid_46_bottom{width:100%;position:absolute;top:0;left:0;}
#wistia_grid_46_left_inside{height:100%;position:absolute;left:0;top:0;}
#wistia_grid_46_left{height:100%;position:absolute;right:0;top:0;}
#wistia_grid_46_right_inside{height:100%;right:0;position:absolute;top:0;}
#wistia_grid_46_right{height:100%;left:0;position:absolute;top:0;}
#wistia_grid_46_below{position:relative;}</style></div></div></div></div></div>
</div>
</div>
</div>
</div>
</div>
</a>
<div class="secondary-img">
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294961468&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_BRAS', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_BRAS', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
BRAS
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294961469&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_PANTIES', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_PANTIES', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
PANTIES
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294959444&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_SWIM', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_SWIM', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
SWIM
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294961470&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_SLEEP', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_SLEEP', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
SLEEP
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294947265&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_ACTIVE', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_ACTIVE', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
ACTIVE
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&drv=4294961466&gb=PV_PFID_Price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_SHAPE', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_SHAPE', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
SHAPE
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036298&gb=pv_pfid_price&dscnt=1&msg=Presidents%27+Day+Sale" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6298_Shop All', name: '1900hero,HOMEPAGE-_-SLOT1,'}], 'event_label':'6298_Shop All', 'event_category':'1900hero,HOMEPAGE-_-SLOT1'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Shop All
</span>
</button>
</a>
</div>
</div>
</div><!-- 77494 - GWPS $100 Leggings | $200 Bra&Leggings default7_HomePageFullWidth:_1.1 _6336_6313 -->
<style>
:root {
--GWP_LEGGINGS_primary-color: transparent;
}
#CUSTOM_GWP_LEGGINGS {
background-color: transparent;
/* BACKGROUND COLOR */
margin-top: -14px;
margin-bottom: 40px;
}
#CUSTOM_GWP_LEGGINGS * {
color: #fff;
/* COLOR OF ALL TEXT */
}
#CUSTOM_GWP_LEGGINGS video {
-o-object-fit: cover !important;
object-fit: cover !important;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_GWP_LEGGINGS .video {
position: absolute;
top: 0px;
left: 0;
width: 100%;
}
#CUSTOM_GWP_LEGGINGS .hero-image img.svg {
position: absolute;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_GWP_LEGGINGS svg path {
fill: #333;
/* COLOR OF SVGs */
}
#CUSTOM_GWP_LEGGINGS svg.stroke path {
fill: none;
stroke: #333;
/* COLOR OF ARROWS */
}
#CUSTOM_GWP_LEGGINGS svg.stroke {
max-height: calc(17vw * 100 / 1600);
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links {
text-align: left;
margin: 1% 0%;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links>a:not(:last-child) {
margin: 0px;
display: block;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links>a {
color: #333;
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
padding: 0px 20px;
}
/*
#CUSTOM_GWP_LEGGINGS .multi-link-header-links > a:first-child {
text-align: right;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links > a:last-child {
text-align: left;
}
*/
#CUSTOM_GWP_LEGGINGS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links button {
margin: 10px auto;
}
/* Further Customizations */
#CUSTOM_GWP_LEGGINGS .hero {
position: relative;
background-color: var(--GWP_LEGGINGS_primary-color);
}
#CUSTOM_GWP_LEGGINGS .hero-image {
height: unset;
}
#CUSTOM_GWP_LEGGINGS .hero-image a {
display: block;
}
#CUSTOM_GWP_LEGGINGS .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_GWP_LEGGINGS .hero .hero-title {
line-height: 100%;
margin-bottom: 0.1%;
/*text-shadow: #333 1px 0 12px; */
font-size: 460%;
font-size: clamp(0px, calc(82vw * 100 /1600), 82px);
text-align: left;
}
#CUSTOM_GWP_LEGGINGS .hero .hero-title.hero-title-2 {
font-size: clamp(0px, calc(129vw * 100 /1600), 129px);
}
#CUSTOM_GWP_LEGGINGS .hero .hero-subtext {
margin-top: -.25%;
margin-bottom: -1%;
font-size: clamp(0px, calc(25vw * 100 /1600), 25px);
text-align: left;
}
#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .hero-header {
position: relative;
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .full-img-click {
display: block;
}
#CUSTOM_GWP_LEGGINGS .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_GWP_LEGGINGS .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_GWP_LEGGINGS .image-col {
margin: 0;
padding: 0 2.25% 0 .25%;
background: var(--GWP_LEGGINGS_primary-color);
}
#CUSTOM_GWP_LEGGINGS .content-col {
margin: 0;
padding: 0 .25% 0 2.25%;
background: var(--GWP_LEGGINGS_primary-color);
}
#CUSTOM_GWP_LEGGINGS .disclaimer {
position: relative;
top: auto;
bottom: auto;
left: auto;
transform: none;
font-size: 12px;
text-align: left;
}
#CUSTOM_GWP_LEGGINGS .width-constrain {
max-width: 1600px;
margin: auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: transparent;
}
#CUSTOM_GWP_LEGGINGS .hero .main-title {
font-size: 60px;
}
#CUSTOM_GWP_LEGGINGS .hero .secondary-title {
font-size: 40px;
}
#CUSTOM_GWP_LEGGINGS .hero .title-copy {
font-size: 16px;
}
.shadow {
text-shadow: 1px 1px 2px #999;
}
#CUSTOM_GWP_LEGGINGS .make-foreground {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#CUSTOM_GWP_LEGGINGS .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: center;
background-color: #fff;
padding: .5% 0%;
}
#CUSTOM_GWP_LEGGINGS .eyebrow-custom {
padding: 10px;
background-color: var(--GWP_LEGGINGS_primary-color);
text-align: center;
}
#CUSTOM_GWP_LEGGINGS .pillOrCTA-custom {
border: 1px solid var(--GWP_LEGGINGS_primary-color);
width: 225px;
background-color: var(--tertiary-color);
color: var(--GWP_LEGGINGS_primary-color);
}
#CUSTOM_GWP_LEGGINGS .pillOrCTA-custom:hover {
border: 1px solid var(--tertiary-color);
background: var(--GWP_LEGGINGS_primary-color);
color: var(--tertiary-color) !important;
}
#CUSTOM_GWP_LEGGINGS .logos {
width: 100%;
display: block;
margin: 0%;
}
/*#CUSTOM_GWP_LEGGINGS .mask-text {
background: radial-gradient(130.77% 92.58% at 15.37% 14.14%, #f9e87f 7.03%, #bc9050 88.56%);
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 88% 23% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#CUSTOM_GWP_LEGGINGS .animate {
animation: animate-bg-scroll 3s linear infinite;
}
@keyframes animate-bg-scroll{
0% {
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 0% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
50%{
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 23% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
100% {
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 0% 0% / 100% 145% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
} */
#CUSTOM_GWP_LEGGINGS .mask-text {
background: radial-gradient(130.77% 92.58% at 15.37% 14.14%, #f9e87f 7.03%, #bc9050 88.56%);
background: url(https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk40/6181/wk40_6181_homepage_bg.jpg) 88% 23% / 150% 141% no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#CUSTOM_GWP_LEGGINGS .width-constrain .grid-x {
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#CUSTOM_GWP_LEGGINGS .video_bg {
width: calc(100% - 4px);
}
#CUSTOM_GWP_LEGGINGS .featured-collections-card {
height: 100%;
}
#CUSTOM_GWP_LEGGINGS .black-color {
color: #333;
}
#CUSTOM_GWP_LEGGINGS .white-color {
color: #fff;
}
#CUSTOM_GWP_LEGGINGS .content-col header a,
#CUSTOM_GWP_LEGGINGS .image-col header a {
width: 100%;
}
#CUSTOM_GWP_LEGGINGS .content-col:hover header a,
#CUSTOM_GWP_LEGGINGS .image-col:hover header a {
background: var(--tertiary-color);
}
/* ANIMATION STYLES */
/* no animation on this one. */
/* //ANIMATION STYLES */
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 47.9375em) {
#CUSTOM_GWP_LEGGINGS {
margin-top: -14px;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links {
margin: auto;
max-width: 100%;
padding: 0px;
text-align: center;
}
#CUSTOM_GWP_LEGGINGS .width-constrain .grid-x {
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#CUSTOM_GWP_LEGGINGS .hero-image img.svg {
position: relative;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: #fff !important;
margin: 7px;
}
#CUSTOM_GWP_LEGGINGS .hero {
padding: 0 2%;
}
#CUSTOM_GWP_LEGGINGS .hero .hero-title {
line-height: 100%;
font-size: 250%;
font-size: clamp(0px, calc(44vw * 100 /375), 999999999px);
}
#CUSTOM_GWP_LEGGINGS .hero .hero-title.hero-title-2 {
margin-top: 1.25%;
font-size: clamp(0px, calc(62vw * 100 /375), 999999999px);
}
#CUSTOM_GWP_LEGGINGS .hero .hero-subtext {
font-size: clamp(0px, calc(12.35vw * 100 /375), 999999999px);
}
/*#CUSTOM_GWP_LEGGINGS .hero-image img,
#CUSTOM_GWP_LEGGINGS .hero-image video {
position: relative;
}*/
#CUSTOM_GWP_LEGGINGS video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
/*#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto 0px auto;
}
#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .hero-header {
bottom: auto;
top: 87%;
transform: translateY(-87%);
position: absolute;
margin: 20px auto;
}*/
#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-0%);
position: relative;
margin: 0px auto;
padding: 0px;
text-align: center;
}
#CUSTOM_GWP_LEGGINGS.template-freezing-sphere .hero-header div {
text-align: center;
}
#CUSTOM_GWP_LEGGINGS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_GWP_LEGGINGS svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_GWP_LEGGINGS .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_GWP_LEGGINGS .multi-link-header-links>a:not(:last-child),
#CUSTOM_GWP_LEGGINGS .multi-link-header-links>a {
margin: 7px 0px;
}
#CUSTOM_GWP_LEGGINGS .image-col {
/*display:none; */
}
#CUSTOM_GWP_LEGGINGS .disclaimer {
top: 0px;
left: auto !important;
transform: translateY(0%);
position: relative;
text-align: left;
margin: 2% auto;
font-size: 12px;
}
#CUSTOM_GWP_LEGGINGS .small-6 {
width: 50% !important;
}
#CUSTOM_GWP_LEGGINGS .make-background {
position: relative;
}
#CUSTOM_GWP_LEGGINGS .secondary-img {
padding: 5.5% 0%;
}
#CUSTOM_GWP_LEGGINGS .pillOrCTA-custom {
color: var(--GWP_LEGGINGS_primary-color);
width: 165px;
}
#CUSTOM_GWP_LEGGINGS .logos {
margin: 0% auto;
}
}
@media screen and (max-width: 281px) {}
</style>
<div id="CUSTOM_GWP_LEGGINGS" class="template-freezing-sphere hero-container make-full-width">
<div class="width-constrain">
<div class="grid-x">
<div class="hero cell small-12 medium-6 content-col">
<header class="make-background hero-header">
<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6286_gwp" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6336', name: '50-50,HOMEPAGE-_-SLOT2'}], 'event_label':'6336', 'event_category':'50-50,HOMEPAGE-_-SLOT2'});">
<img class="logos hide-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk02/6336/wk02_6336_homepage_v2.svg" alt="Select Leggings Free with your $100 order" width="100%">
<img class="logos show-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk02/6336/wk02_6336_homepage_m.svg" alt="Select Leggings Free with your $100 order" width="100%">
</a>
</header>
</div>
<div class="hero cell small-12 medium-6 image-col">
<header class="make-background hero-header">
<a class="promo-modal" href="/secure/promo_detail_asynch.aspx?promo=CID6313" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6313', name: '50-50,HOMEPAGE-_-SLOT2'}], 'event_label':'6313', 'event_category':'50-50,HOMEPAGE-_-SLOT2'});">
<img class="logos hide-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk02/6313/wk02_6313_homepage.svg" alt="Select Bra & Leggings Free with your $100 order" width="100%">
<img class="logos show-for-small-only" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk02/6313/wk02_6313_homepage_m.svg" alt="Select Bra & Leggings Free with your $100 order" width="100%">
</a>
</header>
</div>
</div>
</div>
</div><!--73002 -->
<span id="shop-the-trend-ab-test-target">
<!--
this element exists so the AB test has a permanant element to target
This element may be removed when the AB test is concluded.
-->
</span>
<span id="bare">
<!--
this element exists so the AB test has a permanant element to target
This element may be removed when the AB test is concluded.
-->
</span><!-- 77381 - SWIM SEASON KICKOFF default7_HomePageFullWidth:_1.20 _6299 - v00.02-->
<style>
:root {
--SWIM_SEASON_alignment-desktop: center;
--SWIM_SEASON_alignment-mobile: center;
--SWIM_SEASON_primary_color: var(--primary-color);
--SWIM_SEASON_text_color: #333;
--SWIM_SEASON_text_knockout_color: #fff;
}
#CUSTOM_SWIM_SEASON {
background-color: transparent;
/* BACKGROUND COLOR */
margin-top: 0px;
margin-bottom: 40px;
}
#CUSTOM_SWIM_SEASON {
color: var(--SWIM_SEASON_text_color);
/* COLOR OF ALL TEXT */
}
#CUSTOM_SWIM_SEASON video {
-o-object-fit: cover !important;
object-fit: cover !important;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_SWIM_SEASON .video {
position: absolute;
top: 0px;
left: 0;
width: 100%;
}
#CUSTOM_SWIM_SEASON .hero-image img.svg {
position: absolute;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links {
text-align: var(--SWIM_SEASON_alignment-desktop);
margin: auto .5%;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links>a:not(:last-child) {
margin: 0px;
display: block;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links>a {
color: var(--SWIM_SEASON_button_color);
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
padding: 0px 20px;
}
/*
#CUSTOM_SWIM_SEASON .multi-link-header-links > a:first-child {
text-align: right;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links > a:last-child {
text-align: left;
}
*/
#CUSTOM_SWIM_SEASON .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
color: var(--SWIM_SEASON_text_knockout_color);
}
#CUSTOM_SWIM_SEASON .multi-link-header-links button {
margin: 10px auto;
}
/* Further Customizations */
#CUSTOM_SWIM_SEASON .hero {
position: relative;
background-color: transparent;
}
#CUSTOM_SWIM_SEASON .hero-image {
height: unset;
}
#CUSTOM_SWIM_SEASON .hero-image a {
display: block;
}
#CUSTOM_SWIM_SEASON .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_SWIM_SEASON .hero .hero-title {
line-height: 90%;
margin-bottom: 1.25%;
/*text-shadow: #333 1px 0 12px; */
font-size: 460%;
font-family: "GT Alpina", Georgia, serif;
font-stretch: expanded;
font-style: normal;
}
#CUSTOM_SWIM_SEASON .hero .hero-subtext {
margin-bottom: 0%;
color: var(--SWIM_SEASON_text_color);
font-size: clamp(9px, calc(50vw * 100 / 1600), 50px);
font-size: clamp(9px, calc(62vw * 100 / 1600), 62px);
font-size: clamp(9px, calc(65vw * 100 / 1600), 65px);
line-height: 100%;
}
#CUSTOM_SWIM_SEASON.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
#CUSTOM_SWIM_SEASON.template-freezing-sphere .full-img-click {
display: block;
}
#CUSTOM_SWIM_SEASON .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_SWIM_SEASON .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_SWIM_SEASON .image-col {
margin: 0;
background: transparent;
}
#CUSTOM_SWIM_SEASON .content-col {
margin: 0;
background: transparent;
}
#CUSTOM_SWIM_SEASON .disclaimer {
position: absolute;
top: 3%;
transform: translateY(-3%);
left: 0px;
text-align: var(--SWIM_SEASON_alignment-desktop);
display: block;
width: 100%;
font-size: 12px;
color: var(--SWIM_SEASON_text_color);
}
#CUSTOM_SWIM_SEASON .disclaimer-inline {
font-size: 12px;
}
#CUSTOM_SWIM_SEASON .width-constrain {
max-width: 1600px;
margin: auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#CUSTOM_SWIM_SEASON .hero .main-title {
font-size: 60px;
}
#CUSTOM_SWIM_SEASON .hero .secondary-title {
font-size: 40px;
}
#CUSTOM_SWIM_SEASON .hero .title-copy {
font-size: 16px;
}
.shadow {
text-shadow: 1px 1px 2px #999;
}
#CUSTOM_SWIM_SEASON .make-foreground {
position: absolute;
top: 0;
left: 0;
}
#CUSTOM_SWIM_SEASON .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: var(--SWIM_SEASON_alignment-desktop);
background-color: #fff;
}
#CUSTOM_SWIM_SEASON .eyebrow-custom {
padding: 10px;
background-color: var(--SWIM_SEASON_primary_color);
color: var(--SWIM_SEASON_text_knockout_color);
text-align: var(--SWIM_SEASON_alignment-desktop);
}
#CUSTOM_SWIM_SEASON .pillOrCTA-custom {
background-color: var(--SWIM_SEASON_text_color);
border: 1px solid transparent;
width: 195px;
}
#CUSTOM_SWIM_SEASON .pillOrCTA-custom:hover {
background-color: var(--SWIM_SEASON_text_knockout_color);
border: 1px solid var(--SWIM_SEASON_text_color);
color: var(--SWIM_SEASON_text_color) !important;
}
/* //ANIMATION STYLES */
#CUSTOM_SWIM_SEASON .gif-it-SWIM_SEASON {
position: relative;
}
#CUSTOM_SWIM_SEASON .gif-it-SWIM_SEASON .make-background {
position: relative;
}
#CUSTOM_SWIM_SEASON .gif-it-SWIM_SEASON .make-foreground {
position: absolute;
}
#CUSTOM_SWIM_SEASON .gif-it-SWIM_SEASON .img01 {
animation: SWIM_SEASON-frame01 3s linear infinite;
}
#CUSTOM_SWIM_SEASON .gif-it-SWIM_SEASON .img02 {
animation: SWIM_SEASON-frame02 3s linear infinite;
}
@keyframes SWIM_SEASON-frame01 {
0%,
33% {
opacity: 1;
}
34%,
100% {
opacity: 0;
}
}
@keyframes SWIM_SEASON-frame02 {
0%,
66% {
opacity: 1;
}
67%,
100% {
opacity: 0;
}
}
/* ANIMATION STYLES */
.featured-collections-card {
height: 100%;
}
#CUSTOM_SWIM_SEASON .center {
padding: 1.5% 0% 1% 0%;
}
/* //ANIMATION STYLES */
@media screen and (max-width: 47.9375em) {
#CUSTOM_SWIM_SEASON .multi-link-header-links {
margin: auto;
max-width: 100%;
padding: 0px;
text-align: var(--SWIM_SEASON_alignment-mobile);
}
#CUSTOM_SWIM_SEASON .width-constrain {
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#CUSTOM_SWIM_SEASON .hero-image img.svg {
position: relative;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: var(--SWIM_SEASON_text_knockout_color) !important;
margin: 7px;
}
#CUSTOM_SWIM_SEASON .hero .hero-title {
line-height: 100%;
font-size: 250%;
}
#CUSTOM_SWIM_SEASON .hero .hero-subtext {
font-size: 100%;
font-size: clamp(9px, calc(30vw * 100 / 375), 999999999px);
line-height: 100%;
}
#CUSTOM_SWIM_SEASON .secondary-img .hero-subtext {
font-size: clamp(9px, calc(25vw * 100 /1600), 25px);
}
#CUSTOM_SWIM_SEASON .hero-image img,
#CUSTOM_SWIM_SEASON .hero-image video {
position: relative;
}
#CUSTOM_SWIM_SEASON video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
/*#CUSTOM_SWIM_SEASON.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto 0px auto;
}
#CUSTOM_SWIM_SEASON.template-freezing-sphere .hero-header {
bottom: auto;
top: 87%;
transform: translateY(-87%);
position: absolute;
margin: 20px auto;
}*/
#CUSTOM_SWIM_SEASON.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto;
}
#CUSTOM_SWIM_SEASON .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_SWIM_SEASON svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_SWIM_SEASON .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links>a:not(:last-child),
#CUSTOM_SWIM_SEASON .multi-link-header-links>a {
margin: 7px 0px;
}
#CUSTOM_SWIM_SEASON .image-col {
/*display:none; */
}
#CUSTOM_SWIM_SEASON .disclaimer {
top: 102%;
}
#CUSTOM_SWIM_SEASON .disclaimer-inline {
font-size: 12px;
display: block;
}
#CUSTOM_SWIM_SEASON .small-6 {
width: 50% !important;
}
#CUSTOM_SWIM_SEASON .make-background {
position: relative;
}
#CUSTOM_SWIM_SEASON .secondary-img {}
#CUSTOM_SWIM_SEASON * .secondary-img * {
color: var(--SWIM_SEASON_text_color);
/* COLOR OF ALL TEXT */
}
#CUSTOM_SWIM_SEASON * .secondary-img .hero-subtext {
font-size: clamp(9px, calc(20vw * 100 / 375), 99999999999px);
}
/* DONT REUSE THE CUSTOMIZATIONS BELOW: */
#CUSTOM_SWIM_SEASON .pillOrCTA-custom {
background-color: var(--SWIM_SEASON_text_color);
color: var(--SWIM_SEASON_text_knockout_color);
border: 1px solid transparent;
width: 180px;
font-size: 14px;
}
#CUSTOM_SWIM_SEASON .center {
padding: 3.5% 0% 1% 0%;
}
#CUSTOM_SWIM_SEASON .multi-link-header-links button {
margin: 7px auto;
}
}
@media screen and (max-width: 281px) {}
</style>
<div id="CUSTOM_SWIM_SEASON" class="template-freezing-sphere hero-container make-full-width">
<div class="width-constrain grid-x">
<a class="hero cell small-12 medium-12 content-col" href="/search.aspx?search=2024036299&drv=4294959444&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_SHOP ALL', name: '1900hero,HOMEPAGE-_-SLOT3'}], 'event_label':'6299_SHOP ALL', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<div class="eyebrow-custom">
<div class="header-3 hero-subtext serif uppercase"> Suit Yourself </div>
</div>
<div class="grid-x">
<div class="hero cell small-12 medium-12 image-col">
<!--start neta porter -->
<div class="hide-for-small-only">
<style>
.template_shape_water .carousel-container {
position: relative;
}
.template_shape_water .carousel-wrapper {
aspect-ratio: 16 / 5;
padding-bottom: 31.25%;
position: relative;
width: 100%;
}
.template_shape_water .carousel-container {
aspect-ratio: 16 / 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.template_shape_water .carousel-container .slide {
overflow: hidden;
}
.template_shape_water .carousel-container .slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media print,screen and (min-width: 48em) {
.template_shape_water .carousel-container .slide {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: auto;
overflow: hidden;
text-align: center;
-webkit-transition: -webkit-box-flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1);
transition: -webkit-box-flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1);
-o-transition: flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1);
transition: flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1);
transition: flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1), -webkit-box-flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1), -ms-flex 750ms cubic-bezier(0.3, 0.02, 0.25, 1);
will-change: flex;
}
.template_shape_water .carousel-container.carousel-3-slides .slide,
.template_shape_water .carousel-container.no-script.carousel-3-slides:hover .slide:hover ~ div:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.template_shape_water .carousel-container.carousel-4-slides .slide,
.template_shape_water .carousel-container.no-script.carousel-4-slides:hover .slide:hover ~ div:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
-ms-flex-preferred-size: calc( 1 / 6 * 100% );
flex-basis: calc( 1 / 6 * 100% );
}
.template_shape_water .carousel-container.carousel-5-slides .slide,
.template_shape_water .carousel-container.no-script.carousel-5-slides:hover .slide:hover ~ div:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
}
.template_shape_water .carousel-container.no-script.carousel-3-slides .slide:last-child,
.template_shape_water .carousel-container.no-script.carousel-3-slides:hover .slide:hover,
.template_shape_water .carousel-container.carousel-3-slides .slide.active {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.template_shape_water .carousel-container.no-script.carousel-4-slides .slide:last-child,
.template_shape_water .carousel-container.no-script.carousel-4-slides:hover .slide:hover,
.template_shape_water .carousel-container.carousel-4-slides .slide.active {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.template_shape_water .carousel-container.no-script.carousel-5-slides .slide:last-child,
.template_shape_water .carousel-container.no-script.carousel-5-slides:hover .slide:hover,
.template_shape_water .carousel-container.carousel-5-slides .slide.active {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media screen and (max-width: 47.9375em) {
.template_shape_water .carousel-wrapper {
aspect-ratio: 8 / 5;
padding-bottom: 62.5%;
}
.template_shape_water .carousel-container {
aspect-ratio: 8 / 5;
}
.template_shape_water .carousel-container .slide {
display: none;
}
.template_shape_water .carousel-container .slide.small-slide {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
</style>
<div id="CUSTOM_SHAPE_WATER" class="template_shape_water make-full-width hide-for-small-only">
<div class="content-wrapper">
<div class="carousel-wrapper">
<div class="flex-container flex-dir-row-reverse carousel-container carousel-4-slides">
<div class="slide">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame04.jpg" alt="Women modeling a Haiwaian patterned two-piece bathingsuit at the pool." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame04.jpg">
</div>
<div class="slide">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame03.jpg" alt="Women modeling pink bikini top and matching bikini-bottoms at the pool." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame03.jpg">
</div>
<div class="slide">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame02.jpg" alt="Women modeling a blue one-piece swimsuit at the pool." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame02.jpg">
</div>
<div class="slide small-slide active">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame01.jpg" alt="Women modeling patterened bikini at the pool." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6299/wk03_6299_homepage_frame01.jpg">
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready( function() {
$(".template_shape_water .carousel-container").each( function() {
if ( $(this).removeClass("no-script").find(".slide.active").removeClass("active").end().find(".slide:hover").addClass("active").length < 1 ) {
$(this).find(".slide").removeClass("active").last().addClass("active");
}
$(this).on("mouseenter focus", ".slide:not(.active)", function(){
$(this).addClass("active").siblings(".slide").removeClass("active");
})
});
});
</script>
</div>
<!-- end net aporter -->
<div class="show-for-small-only gif-it">
<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6291/wk01_6291_homepage_v2.jpg" alt="Women modeling athletic wear while working out with a resistance band." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6291/wk01_6291_homepage_v2.jpg">
<div class="make-foreground">
<script src="https://fast.wistia.com/embed/medias/ovxom7lu7x.jsonp" async=""></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async=""></script><div class="wistia_responsive_padding" style="padding:62.5% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_ovxom7lu7x seo=false videoFoam=true wistia_embed_initialized" style="height:100%;position:relative;width:100%" id="wistia-ovxom7lu7x-1"><div id="wistia_chrome_40" class="w-chrome notranslate" tabindex="-1" style="display: inline-block; height: 100%; line-height: normal; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; outline: none; overflow: hidden; box-sizing: content-box;"><div id="wistia_grid_59_wrapper" style="display: block;"><div id="wistia_grid_59_above"></div><div id="wistia_grid_59_main"><div id="wistia_grid_59_behind"></div><div id="wistia_grid_59_center"><div class="w-video-wrapper w-css-reset" style="clip: rect(0px, 0px, 0px, 0px); height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: rgb(0, 0, 0);"></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"></div></div><div id="wistia_grid_59_front"></div><div id="wistia_grid_59_top_inside"><div id="wistia_grid_59_top"></div></div><div id="wistia_grid_59_bottom_inside"><div id="wistia_grid_59_bottom"></div></div><div id="wistia_grid_59_left_inside"><div id="wistia_grid_59_left"></div></div><div id="wistia_grid_59_right_inside"><div id="wistia_grid_59_right"></div></div></div><div id="wistia_grid_59_below"></div><style id="wistia_60_style" type="text/css" class="wistia_injected_style">#wistia_grid_59_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}
#wistia_grid_59_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#wistia_grid_59_above{position:relative;}
#wistia_grid_59_main{display:block;height:100%;position:relative;}
#wistia_grid_59_behind{height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_59_center{height:100%;overflow:hidden;position:relative;width:100%;}
#wistia_grid_59_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_59_top_inside{position:absolute;left:0;top:0;width:100%;}
#wistia_grid_59_top{width:100%;position:absolute;bottom:0;left:0;}
#wistia_grid_59_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}
#wistia_grid_59_bottom{width:100%;position:absolute;top:0;left:0;}
#wistia_grid_59_left_inside{height:100%;position:absolute;left:0;top:0;}
#wistia_grid_59_left{height:100%;position:absolute;right:0;top:0;}
#wistia_grid_59_right_inside{height:100%;right:0;position:absolute;top:0;}
#wistia_grid_59_right{height:100%;left:0;position:absolute;top:0;}
#wistia_grid_59_below{position:relative;}</style></div></div></div></div></div>
</div>
</div>
</div>
</div>
</a>
<div class="secondary-img">
<div class="header-3 hero-subtext sans-condensed center"><span class="hide-for-small-only">From bra-sized to shaping, w</span><span class="show-for-small-only">W</span>e only do swim you feel incredible in. </div>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294959428&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_Bikinis', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_Bikinis', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Bikinis
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294959427&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_Tankinis', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_Tankinis', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Tankinis
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294954439&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_One-Pieces', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_One-Pieces', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
One-Pieces
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294951458&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_Bra Sized Swim', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_Bra Sized Swim', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Bra-Sized
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294954438&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_Shaping Swim ', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_Shaping Swim ', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Shaping
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444%2c4294951459&msg=New+Arrivals+In+Swim" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_Plus Size Swim', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_Plus Size Swim', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
Plus Size
</span>
</button>
</a>
<a class="multi-link-header-links " href="/search.aspx?search=2024036299&drv=4294959444&msg=New+Arrivals+In+Swim" onclick="gtag('event', 'select_content', {promotions: [{id: '6299_SHOP ALL', name: '1900hero,HOMEPAGE-_-SLOT3,'}], 'event_label':'6299_SHOP ALL', 'event_category':'1900hero,HOMEPAGE-_-SLOT3'});">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA pillOrCTA-custom">
SHOP ALL
</span>
</button>
</a>
</div>
</div>
</div><!-- 77382 - 10/$35 Exclusively Ours Panties default7_HomePageFullWidth:_1.30 _6300 - v00.02-->
<style>
div#CUSTOM_PANTIES_10for35 {
margin-bottom: 40px;
}
#CUSTOM_PANTIES_10for35 .content-wrapper {
background-color: #B32725;
background-color: var(--tertiary-color);
/* BACKGROUND COLOR */
/*padding: 10px 0%;*/
}
#CUSTOM_PANTIES_10for35 .header-3 {
color: #333;
font-size: clamp(0px, calc(65vw * 100 / 1200), 65px);
line-height: 100%;
padding: .75% 0%;
}
#CUSTOM_PANTIES_10for35 .cta-container {
padding: .75% 0% .75% 0%;
background: #333;
}
#CUSTOM_PANTIES_10for35 .pillOrCTA-custom {
border: 0PX SOLID transparent !important;
background-color: #fff;
color: #333;
}
#CUSTOM_PANTIES_10for35 .pillOrCTA-custom:hover {
background-image: none;
background-color: black;
color: white !important;
}
#CUSTOM_PANTIES_10for35 .featured-collections-card-details header {
margin: 0%;
}
#CUSTOM_PANTIES_10for35 .logo {
max-width: 285px;
width: 20%;
margin-bottom: .75%;
}
#CUSTOM_PANTIES_10for35 .disclaimer {
color: #333;
}
#CUSTOM_PANTIES_10for35 .extra-margin {
margin-left: 1%;
}
#CUSTOM_PANTIES_10for35 .featured-collections-card {
margin-bottom: 0%;
}
@media screen and (max-width: 47.9375em) {
#CUSTOM_PANTIES_10for35 .content-wrapper {
/*padding: 10px 0%;*/
}
#CUSTOM_PANTIES_10for35 .header-3 {
font-size: clamp(0px, calc(30vw * 100 / 414), 99999px);
/* variable font-size, gauged to 50px at 768 wide*/
padding: 25px 0px;
}
#CUSTOM_PANTIES_10for35 .cta-container {
padding: 25px 0px;
}
#CUSTOM_PANTIES_10for35 .italic {
margin-left: 0%;
}
#CUSTOM_PANTIES_10for35 .extra-margin {
margin-left: 0%;
}
}
</style>
<div id="CUSTOM_PANTIES_10for35">
<div class="content-wrapper">
<div class="products-wrapper grid-x grid-margin-x medium-up-1 small-up-1">
<a href="/search.aspx?search=2024016293&drv=4294961469&msg=10+for+%2435+Panties" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6293', name: '1900,homepage,SLOT4'}], 'event_label':'6293', 'event_category':'1900,homepage,SLOT4'});" class="cell" title="Our closeout deals. Your biggest scores.">
<div class="featured-collections-card">
<div class="featured-collections-card-details grid-y">
<header>
<div class="header-3 hero-title serif uppercase">10 for $35 Panties</div>
<!--<img class="logo lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk43/6203/wk43_6203_homepage.svg" alt="Bare CamioMio" width="100%">-->
</header>
<div class="grid-x align-center cta-container">
<button type="button" class="text-w-icon align-middle grid-x text-charcoal pillOrCTA pillOrCTA-custom">
<span class="primary-cta">Shop Panties</span>
</button>
</div>
<!--<div class="disclaimer">Select styles.</div>-->
</div>
</div>
</a>
</div>
</div>
</div><!-- 77418 - BEST OF CURVY default7_HomePageFullWidth:_1.40 _6301 - v00.02-->
<div class="show-on-personalization-plus-size">
<style>
.show-on-personalization-plus-size {
display: none;
}
:root {
--BEST_OF_CURVY_alignment: center;
--BEST_OF_CURVY_alignment_m: center;
--BEST_OF_CURVY_bg-color: #fff;
--BEST_OF_CURVY_text-color: #333;
--BEST_OF_CURVY_text-knockout-color: #fff;
}
#CUSTOM_BEST_OF_CURVY {
background-color: transparent;
/* BACKGROUND COLOR */
margin-top: 40px;
margin-bottom: 40px;
}
#CUSTOM_BEST_OF_CURVY * {
color: var(--BEST_OF_CURVY_text-color);
/* COLOR OF ALL TEXT */
}
#CUSTOM_BEST_OF_CURVY * secondary-img * {
color: unset;
/* COLOR OF ALL TEXT */
}
#CUSTOM_BEST_OF_CURVY video {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_BEST_OF_CURVY .hero-image img.svg {
position: absolute;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links {
text-align: var(--BEST_OF_CURVY_alignment);
margin: auto 1%;
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links>a:not(:last-child) {
margin: 0px;
display: block;
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links>a {
color: var(--BEST_OF_CURVY_text-color);
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
padding: 0px 20px;
}
/*
#CUSTOM_BEST_OF_CURVY .multi-link-header-links > a:first-child {
text-align: right;
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links > a:last-child {
text-align: left;
}
*/
#CUSTOM_BEST_OF_CURVY .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links button {
margin: 10px auto;
}
/* Further Customizations */
#CUSTOM_BEST_OF_CURVY .hero {
position: relative;
background-color: var(--BEST_OF_CURVY_bg-color);
}
#CUSTOM_BEST_OF_CURVY .hero-image {
height: unset;
position: relative;
}
#CUSTOM_BEST_OF_CURVY .hero-image a {
display: block;
}
#CUSTOM_BEST_OF_CURVY .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_BEST_OF_CURVY .hero .hero-title {
font-size: clamp(0px, calc(31.94vw * 100 / 1600), 31.94px);
margin: 0% 0%;
padding-left: 3%;
}
#CUSTOM_BEST_OF_CURVY .hero .hero-subtext {
/*margin-bottom: 3%;*/
/*text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(25vw * 100 / 1600), 25px);
margin: 0;
}
#CUSTOM_BEST_OF_CURVY .hero .hero-subtext-2 {
font-size: clamp(0px, calc(32vw * 100 / 1600), 32px);
}
#CUSTOM_BEST_OF_CURVY.template-freezing-sphere .hero-header {
bottom: auto;
top: 85%;
left: 50%;
transform: translate(-50%, -85%);
text-align: var(--BEST_OF_CURVY_alignment);
background-color: #fff;
border-radius: 99999999999999px;
width: 50%;
margin: auto;
/* position: relative; */
padding: 1.5% 0%;
}
#CUSTOM_BEST_OF_CURVY.template-freezing-sphere .full-img-click {
display: block;
}
#CUSTOM_BEST_OF_CURVY .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_BEST_OF_CURVY .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_BEST_OF_CURVY .image-col {
margin: 0;
background: var(--BEST_OF_CURVY_bg-color);
}
#CUSTOM_BEST_OF_CURVY .content-col {
margin: 0;
background: var(--BEST_OF_CURVY_bg-color);
}
#CUSTOM_BEST_OF_CURVY .disclaimer {
position: absolute;
top: 96%;
transform: translateY(-96%);
left: 0px;
text-align: var(--BEST_OF_CURVY_alignment);
display: block;
width: 100%;
font-size: 10px;
}
#CUSTOM_BEST_OF_CURVY .pillOrCTA {
border: 1PX SOLID var(--BEST_OF_CURVY_text-color);
color: var(--BEST_OF_CURVY_text-knockout-color);
background: var(--BEST_OF_CURVY_text-color);
width: 165px;
}
#CUSTOM_BEST_OF_CURVY .pillOrCTA:hover {
border: 1PX SOLID var(--BEST_OF_CURVY_text-color);
background: var(--BEST_OF_CURVY_text-knockout-color) !important;
color: var(--BEST_OF_CURVY_text-color) !important;
}
#CUSTOM_BEST_OF_CURVY .width-constrain {
max-width: 1600px;
margin: auto;
}
#CUSTOM_BEST_OF_CURVY .grid-x {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
}
#CUSTOM_BEST_OF_CURVY .hero .main-title {
font-size: 60px;
}
#CUSTOM_BEST_OF_CURVY .hero .secondary-title {
font-size: 40px;
}
#CUSTOM_BEST_OF_CURVY .hero .title-copy {
font-size: 16px;
}
.shadow {
text-shadow: 1px 1px 2px #999;
}
#CUSTOM_BEST_OF_CURVY .logo {
margin: 1% 0px 0% 0px;
}
#CUSTOM_BEST_OF_CURVY .make-foreground {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#CUSTOM_BEST_OF_CURVY .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: var(--BEST_OF_CURVY_alignment_m);
background-color: var(--BEST_OF_CURVY_text-color);
padding: .5% 0%;
}
#CUSTOM_BEST_OF_CURVY .center {
text-align: var(--BEST_OF_CURVY_alignment);
padding: 1.5% 0% 0.875% 0%;
}
#CUSTOM_BEST_OF_CURVY .mag-glass {
width: 8.25%;
position: absolute;
left: .25%;
top: 3%;
}
@media screen and (max-width: 47.9375em) {
#CUSTOM_BEST_OF_CURVY .multi-link-header-links {
width: 100%;
background-color: transparent;
padding: 0px;
text-align: var(--BEST_OF_CURVY_alignment_m);
margin: auto;
}
#CUSTOM_BEST_OF_CURVY .width-constrain {
background-color: var(--primary-color-overwrite);
}
#CUSTOM_BEST_OF_CURVY .width-constrain .grid-x {
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#CUSTOM_BEST_OF_CURVY .hero-image img.svg {
position: relative;
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: var(--primary-color-overwrite) !important;
}
#CUSTOM_BEST_OF_CURVY .hero .hero-title {
font-size: clamp(0px, calc(18vw * 100 /375), 99999999999999px);
}
#CUSTOM_BEST_OF_CURVY .hero .hero-subtext {
font-size: clamp(0px, calc(15vw * 100 / 375), 999999999999px);
padding: 5.335% 1% 2.67% 1%;
}
#CUSTOM_BEST_OF_CURVY .hero .hero-subtext-2 {
font-size: clamp(0px, calc(32vw * 100 / 375), 9999999999999px);
}
#CUSTOM_BEST_OF_CURVY video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
/*#CUSTOM_BEST_OF_CURVY.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto 0px auto;
}
#CUSTOM_BEST_OF_CURVY.template-freezing-sphere .hero-header {
bottom: auto;
top: 87%;
transform: translateY(-87%);
position: absolute;
margin: 20px auto;
}*/
#CUSTOM_BEST_OF_CURVY.template-freezing-sphere .hero-header {
position: absolute;
top: 83%;
left: 50%;
transform: translate(-50%, -83%);
text-align: var(--BEST_OF_CURVY_alignment_m);
padding: 4% 0%;
width: 78%;
margin: auto;
border: 1px solid #e3e3e1;
}
#CUSTOM_BEST_OF_CURVY .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_BEST_OF_CURVY svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_BEST_OF_CURVY .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_BEST_OF_CURVY .pillOrCTA {
width: 165px;
border: 1PX SOLID var(--BEST_OF_CURVY_text-knockout-color);
background: var(--BEST_OF_CURVY_text-color) !important;
color: var(--BEST_OF_CURVY_text-knockout-color) !important;
}
#CUSTOM_BEST_OF_CURVY .pillOrCTA:hover {
border: 1PX SOLID var(--BEST_OF_CURVY_text-color);
background: var(--BEST_OF_CURVY_text-knockout-color);
color: var(--BEST_OF_CURVY_text-color);
}
#CUSTOM_BEST_OF_CURVY .multi-link-header-links>a:not(:last-child),
#CUSTOM_BEST_OF_CURVY .multi-link-header-links>a {
margin: 0px 0px;
}
#CUSTOM_BEST_OF_CURVY .image-col {
/*display:none; */
}
#CUSTOM_BEST_OF_CURVY .disclaimer {
top: 96%;
}
#CUSTOM_BEST_OF_CURVY .small-6 {
width: 50% !important;
}
#CUSTOM_BEST_OF_CURVY .make-background {
position: relative;
}
#CUSTOM_BEST_OF_CURVY .content-col {
margin: 0% 0% 0% 0%;
padding: 0%;
}
#CUSTOM_BEST_OF_CURVY .mag-glass {
width: 14.3%;
left: 0.5%;
top: 3.7%;
}
}
</style>
<div id="CUSTOM_BEST_OF_CURVY" class="template-freezing-sphere hero-container make-full-width ">
<div class="width-constrain">
<a class="grid-x" href="/search.aspx?search=2024036301&drv=4294959178&msg=Best+Of+Curvy+Brands" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6301_SHOP ALL', name: '1900hero,HOMEPAGE-_-SLOT5,'}], 'event_label':'6301_SHOP ALL', 'event_category':'1900hero,HOMEPAGE-_-SLOT5'});">
<div class="hero cell small-12 medium-12 content-col">
<img class="lazyBn hide-for-small-only" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage.jpg" alt="5 images of woman modeling plus sized undergarments." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage.jpg">
<img class="lazyBn show-for-small-only" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage_m.jpg" alt="5 images of woman modeling plus sized undergarments." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage_m.jpg">
<header class="make-foreground hero-header">
<div class="header-1 hero-title sans-condensed"> <img class="mag-glass lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage_search_icon.svg" alt="A magnifying glass icon." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6301/wk03_6301_homepage_search_icon.svg"> Best Brands for Curves |<span class="hide-for-small-only"> <span class="serif-condensed override-weight-normal">Bands 38-46, Cups A-N</span></span> </div>
<!-- <div class="header-2 hero-subtext sans-condensed">Count on these across-the-pond brands<br class="hide-for-small-only"> to deliver chic support in bras.</div>
<div class="header-1 hero-subtext sans-bold-condensed">Our exclusive brands of bras, <br class="show-for-small-only">panties, <br class="hide-for-small-only">activewear and sleep. </div>
<div class="multi-link-header-links ">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA ">
Shop All
</span>
</button>
</div>
-->
</header>
<!-- <h5 class="disclaimer">While supplies last</h5> -->
</div>
<div class="hero cell small-12 medium-12 image-col">
<div class="hero-image">
<div id="BEST_OF_CURVY_GIFIMATION" class="gif-it make-full-width">
<!--<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk50/6234/wk50_6234_homepage.jpg" alt="Woman modeling one of our Top-Rated Bras" width="100%"> -->
<div class="header-2 hero-subtext sans-bold-condensed center">End your search with our expert edit. <span class="show-for-small-only"><br> Bands 38-46, Cups A-N</span></div>
<div class="multi-link-header-links ">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA ">
Shop All
</span>
</button>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div><!-- 77442 - UK BRANDS default7_HomePageFullWidth:_1.40 _6166 - v00.02-->
<div class="hide-on-personalization-plus-size">
<style>
:root {
--UK_BRANDS_alignment: left;
--UK_BRANDS_alignment_m: center;
--UK_BRANDS_bg-color: #333;
--UK_BRANDS_text-color: #fff;
--UK_BRANDS_text-knockout-color: #333;
}
#CUSTOM_UK_BRANDS {
background-color: transparent;
/* BACKGROUND COLOR */
margin-top: 40px;
margin-bottom: 40px;
}
#CUSTOM_UK_BRANDS * {
color: var(--UK_BRANDS_text-color);
/* COLOR OF ALL TEXT */
}
#CUSTOM_UK_BRANDS * secondary-img * {
color: unset;
/* COLOR OF ALL TEXT */
}
#CUSTOM_UK_BRANDS video {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_UK_BRANDS .hero-image img.svg {
position: absolute;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_UK_BRANDS .multi-link-header-links {
text-align: var(--UK_BRANDS_alignment);
margin: auto 1%;
}
#CUSTOM_UK_BRANDS .multi-link-header-links>a:not(:last-child) {
margin: 0px;
display: block;
}
#CUSTOM_UK_BRANDS .multi-link-header-links>a {
color: var(--UK_BRANDS_text-color);
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
padding: 0px 20px;
}
/*
#CUSTOM_UK_BRANDS .multi-link-header-links > a:first-child {
text-align: right;
}
#CUSTOM_UK_BRANDS .multi-link-header-links > a:last-child {
text-align: left;
}
*/
#CUSTOM_UK_BRANDS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
}
#CUSTOM_UK_BRANDS .multi-link-header-links button {
margin: 10px auto;
}
/* Further Customizations */
#CUSTOM_UK_BRANDS .hero {
position: relative;
background-color: var(--UK_BRANDS_bg-color);
}
#CUSTOM_UK_BRANDS .hero-image {
height: unset;
position: relative;
}
#CUSTOM_UK_BRANDS .hero-image a {
display: block;
}
#CUSTOM_UK_BRANDS .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_UK_BRANDS .hero .hero-title {
line-height: 90%;
margin-bottom: 3%;
/*text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(72vw * 100 / 1600), 72px);
font-family: "GT Alpina", Georgia, serif;
font-stretch: expanded;
font-style: normal;
}
#CUSTOM_UK_BRANDS .hero .hero-subtext {
margin-bottom: 3%;
/*text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(25vw * 100 / 1600), 25px);
line-height: 130%;
}
#CUSTOM_UK_BRANDS .hero .hero-subtext-2 {
font-size: clamp(0px, calc(32vw * 100 / 1600), 32px);
}
#CUSTOM_UK_BRANDS.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
text-align: var(--UK_BRANDS_alignment);
padding: 0% 5%;
}
#CUSTOM_UK_BRANDS.template-freezing-sphere .full-img-click {
display: block;
}
#CUSTOM_UK_BRANDS .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_UK_BRANDS .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_UK_BRANDS .image-col {
margin: 0;
background: var(--UK_BRANDS_bg-color);
}
#CUSTOM_UK_BRANDS .content-col {
margin: 0;
background: var(--UK_BRANDS_bg-color);
}
#CUSTOM_UK_BRANDS .disclaimer {
position: absolute;
top: 96%;
transform: translateY(-96%);
left: 0px;
text-align: var(--UK_BRANDS_alignment);
display: block;
width: 100%;
font-size: 10px;
}
#CUSTOM_UK_BRANDS .pillOrCTA {
border: 1PX SOLID var(--UK_BRANDS_text-color);
color: var(--UK_BRANDS_text-knockout-color);
background: var(--UK_BRANDS_text-color);
width: 180px;
}
#CUSTOM_UK_BRANDS .pillOrCTA:hover {
border: 1PX SOLID var(--UK_BRANDS_text-color);
background: var(--UK_BRANDS_text-knockout-color) !important;
color: var(--UK_BRANDS_text-color) !important;
}
#CUSTOM_UK_BRANDS .width-constrain {
max-width: 1600px;
margin: auto;
}
#CUSTOM_UK_BRANDS .grid-x {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
}
#CUSTOM_UK_BRANDS .hero .main-title {
font-size: 60px;
}
#CUSTOM_UK_BRANDS .hero .secondary-title {
font-size: 40px;
}
#CUSTOM_UK_BRANDS .hero .title-copy {
font-size: 16px;
}
.shadow {
text-shadow: 1px 1px 2px #999;
}
#CUSTOM_UK_BRANDS .logo {
margin: 0% 0px 3% 0px;
width: 72%;
}
#CUSTOM_UK_BRANDS .make-foreground {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#CUSTOM_UK_BRANDS .secondary-img {
width: 100%;
margin: auto auto auto auto;
text-align: var(--UK_BRANDS_alignment_m);
background-color: var(--UK_BRANDS_text-color);
padding: .5% 0%;
}
@media screen and (max-width: 47.9375em) {
#CUSTOM_UK_BRANDS .multi-link-header-links {
width: 100%;
background-color: transparent;
padding: 0px;
text-align: var(--UK_BRANDS_alignment_m);
margin: auto;
}
#CUSTOM_UK_BRANDS .width-constrain {
background-color: var(--primary-color-overwrite);
}
#CUSTOM_UK_BRANDS .width-constrain .grid-x {
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
}
#CUSTOM_UK_BRANDS .hero-image img.svg {
position: relative;
}
#CUSTOM_UK_BRANDS .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: var(--primary-color-overwrite) !important;
}
#CUSTOM_UK_BRANDS .hero .hero-title {
font-size: clamp(0px, calc(56vw * 100 /375), 99999999999999px);
}
#CUSTOM_UK_BRANDS .hero .hero-subtext {
font-size: clamp(0px, calc(20vw * 100 / 375), 999999999999px);
}
#CUSTOM_UK_BRANDS .hero .hero-subtext-2 {
font-size: clamp(0px, calc(32vw * 100 / 375), 9999999999999px);
}
#CUSTOM_UK_BRANDS video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
/*#CUSTOM_UK_BRANDS.template-freezing-sphere .hero-header {
bottom: auto;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0px auto 0px auto;
}
#CUSTOM_UK_BRANDS.template-freezing-sphere .hero-header {
bottom: auto;
top: 87%;
transform: translateY(-87%);
position: absolute;
margin: 20px auto;
}*/
#CUSTOM_UK_BRANDS.template-freezing-sphere .hero-header {
bottom: auto;
top: 0%;
transform: translateY(-0%);
position: relative;
margin: 0px auto;
}
#CUSTOM_UK_BRANDS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_UK_BRANDS svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_UK_BRANDS .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_UK_BRANDS .pillOrCTA {
width: 175px;
border: 1PX SOLID var(--UK_BRANDS_text-knockout-color);
background: var(--UK_BRANDS_text-color) !important;
color: var(--UK_BRANDS_text-knockout-color) !important;
}
#CUSTOM_UK_BRANDS .pillOrCTA:hover {
border: 1PX SOLID var(--UK_BRANDS_text-color);
background: var(--UK_BRANDS_text-knockout-color);
color: var(--UK_BRANDS_text-color);
}
#CUSTOM_UK_BRANDS .multi-link-header-links>a:not(:last-child),
#CUSTOM_UK_BRANDS .multi-link-header-links>a {
margin: 0px 0px;
}
#CUSTOM_UK_BRANDS .image-col {
/*display:none; */
}
#CUSTOM_UK_BRANDS .disclaimer {
top: 96%;
}
#CUSTOM_UK_BRANDS .small-6 {
width: 50% !important;
}
#CUSTOM_UK_BRANDS .make-background {
position: relative;
}
#CUSTOM_UK_BRANDS .content-col {
margin: 0% 0% -5% 0%;
padding: 0px 5% 0% 5%;
}
#CUSTOM_UK_BRANDS.template-freezing-sphere .hero-header {
text-align: var(--UK_BRANDS_alignment_m);
padding: 5% 0%;
}
#CUSTOM_UK_BRANDS .logo {
width: 100%;
}
}
</style>
<div id="CUSTOM_UK_BRANDS" class="template-freezing-sphere hero-container make-full-width ">
<div class="width-constrain">
<a class="grid-x" href="/search.aspx?search=2023316166&msg=UK+Brands" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6166_SHOP ALL', name: '1900hero,HOMEPAGE-_-SLOT5,'}], 'event_label':'6166_SHOP ALL', 'event_category':'1900hero,HOMEPAGE-_-SLOT5'});">
<div class="hero cell small-12 medium-6 content-col">
<header class="make-foreground hero-header">
<img class="logo lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6166/wk03_6166_homepage_logos.svg" alt="Wacoal, Chantelle, Fantastie, & Elomi logos." width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6166/wk03_6166_homepage_logos.svg">
<div class="header-1 hero-title serif-bold-expanded uppercase">Great British Brands</div>
<div class="header-2 hero-subtext sans-condensed">Count on these across-the-pond <br class="hide-for-small-only">bras to deliver chic support.</div>
<!--<div class="header-1 hero-subtext sans-bold-condensed">Our exclusive brands of bras, <br class="show-for-small-only">panties, <br class="hide-for-small-only">activewear and sleep. </div>-->
<div class="multi-link-header-links ">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA ">
Shop UK Bras
</span>
</button>
</div>
</header>
<!-- <h5 class="disclaimer">While supplies last</h5> -->
</div>
<div class="hero cell small-12 medium-6 image-col">
<div class="hero-image">
<div id="UK_BRANDS_GIFIMATION" class="gif-it make-full-width">
<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk50/6234/wk50_6234_homepage.jpg" alt="Woman modeling one of our Top-Rated Bras" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/wk50/6234/wk50_6234_homepage.jpg">
</div>
</div>
</div>
</a>
</div>
</div>
</div><!-- 77383 - EXCLUSIVELY OURS NEW ARRIVALS default7_HomePageFullWidth:_2.50 _6300 - v00.02-->
<style>
#CUSTOM_EXCLUSIVELY_OURS {
background-color: transparent;
/* BACKGROUND COLOR */
margin-bottom: 40px;
}
#CUSTOM_EXCLUSIVELY_OURS .width-constrain {
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-ms-flex-flow: row;
flex-flow: row;
position: relative;
background-color: #fff;
/* BACKGROUND COLOR */
padding: 0px !important;
}
#CUSTOM_EXCLUSIVELY_OURS * {
color: #fff;
/* COLOR OF ALL TEXT */
}
#CUSTOM_EXCLUSIVELY_OURS .width-constrain * {
cursor: pointer;
}
#CUSTOM_EXCLUSIVELY_OURS video {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
vertical-align: middle;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image img.svg {
position: unset;
top: 0px;
left: 0px;
/*z-index: 99;*/
width: 100%;
height: auto;
}
#CUSTOM_EXCLUSIVELY_OURS svg path {
fill: #fff;
/* COLOR OF SVGs */
}
#CUSTOM_EXCLUSIVELY_OURS svg.stroke path {
fill: none;
stroke: #fff;
/* COLOR OF ARROWS */
}
#CUSTOM_EXCLUSIVELY_OURS svg.stroke {
max-height: calc(17vw * 100 / 1600);
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links {
text-align: center;
margin-top: 0px;
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links>a:not(:last-child) {
margin: 0px auto 0px auto;
display: block;
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links>a {
color: #fff;
/* COLOR OF ALL TEXT */
/*margin-right: 11.1%;*/
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(9px, calc(16vw * 100 / 1600), 16px);
/* variable font-size, gauged to 16px at 1600 wide*/
font-size: 16px;
/* variable font-size, gauged to 16px at 1600 wide*/
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links button {
margin-bottom: 0px;
}
/* Further Customizations */
#CUSTOM_EXCLUSIVELY_OURS .hero {
position: unset;
background-color: #fff;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image {
height: unset;
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image a {
display: block;
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text {
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_EXCLUSIVELY_OURS .hero .hero-title {
line-height: 90%;
margin-bottom: 1.25%;
/*text-shadow: #333 1px 0 12px; */
}
#CUSTOM_EXCLUSIVELY_OURS .hero .hero-subtext {
margin-bottom: 1.5%;
/*text-shadow: #333 1px 0 12px; */
font-size: 1.75rem;
}
#CUSTOM_EXCLUSIVELY_OURS.template-freezing-sphere .hero-header {
bottom: auto;
top: 85%;
left: 0%;
z-index: 1;
width: 100%;
}
#CUSTOM_EXCLUSIVELY_OURS.template-freezing-sphere .full-img-click {
display: block;
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text .CTA-pre-message {
padding-right: 20px;
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text span svg {
top: calc(2vw * 100 / 1600);
top: 2px;
}
#CUSTOM_EXCLUSIVELY_OURS .image-col {
background-color: #fff;
margin: 0;
}
#CUSTOM_EXCLUSIVELY_OURS .content-col {
background-color: #fff;
margin: 0;
}
#CUSTOM_EXCLUSIVELY_OURS .make-background {
position: absolute;
}
#CUSTOM_EXCLUSIVELY_OURS .disclaimer {
position: absolute;
top: 96%;
transform: translateY(-96%);
left: 0px;
text-align: center;
display: block;
width: 100%;
font-size: 10px;
display: none;
}
#CUSTOM_EXCLUSIVELY_OURS .pillOrCTA {
padding: 10px 35px;
width: auto;
border: 0PX SOLID transparent;
color: #333;
background-color: #fff;
}
#CUSTOM_EXCLUSIVELY_OURS .pillOrCTA:hover {
background: #333;
background-color: #333 !important;
color: #FFF !important;
}
#CUSTOM_EXCLUSIVELY_OURS .width-constrain {
max-width: 1600px;
margin: auto;
}
#CUSTOM_EXCLUSIVELY_OURS .full-banner-svg {
position: absolute;
z-index: 1;
width: 100%;
}
#CUSTOM_EXCLUSIVELY_OURS .gif-it {
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .make-background>.make-background {
width: calc(100% - 1px);
}
#CUSTOM_EXCLUSIVELY_OURS .make-background {
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .make-foreground {
position: absolute;
top: 0;
left: 0;
}
#CUSTOM_EXCLUSIVELY_OURS .gif-it .img01 {
animation: gif-controller01 5s linear infinite;
}
@keyframes gif-controller01 {
0%,
20% {
opacity: 1;
}
21%,
100% {
opacity: 0;
}
}
#CUSTOM_EXCLUSIVELY_OURS .gif-it .img02 {
animation: gif-controller02 5s linear infinite;
}
@keyframes gif-controller02 {
0%,
40% {
opacity: 1;
}
41%,
100% {
opacity: 0;
}
}
#CUSTOM_EXCLUSIVELY_OURS .gif-it .img03 {
animation: gif-controller03 5s linear infinite;
}
@keyframes gif-controller03 {
0%,
60% {
opacity: 1;
}
61%,
100% {
opacity: 0;
}
}
#CUSTOM_EXCLUSIVELY_OURS .gif-it .img04 {
animation: gif-controller04 5s linear infinite;
}
@keyframes gif-controller04 {
0%,
80% {
opacity: 1;
}
81%,
100% {
opacity: 0;
}
}
@media screen and (min-width: 1600px) {
#CUSTOM_EXCLUSIVELY_OURS .width-constrain {
padding: 60px;
}
}
@media screen and (max-width: 1024px) {
#CUSTOM_EXCLUSIVELY_OURS.template-freezing-sphere .hero-header {
/*bottom: auto;
top: 0px;
transform: translateY(-0%);
position: relative;
margin: 10px auto 10px auto;*/
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image img,
#CUSTOM_EXCLUSIVELY_OURS .hero-image video {
/*-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
position: absolute;
top: 0px;*/
}
#CUSTOM_EXCLUSIVELY_OURS .hero-title {
font-size: 32px;
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links {
/*margin-top: 15px;*/
}
#CUSTOM_EXCLUSIVELY_OURS .disclaimer {
/*position: relative;
font-size: 10px;
top: 0%;
bottom: 0%;
left: 50%;
transform: translate(-50%, 50%);*/
}
}
@media screen and (max-width: 47.9375em) {
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links {
margin: 0px auto 0px auto;
width: 100%;
max-width: 100%;
background-color: transparent;
padding: 0px;
text-align: center;
}
#CUSTOM_EXCLUSIVELY_OURS .width-constrain {
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
padding: calc((70vw*100)/767);
padding: 0% !important;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image img.svg {
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links a {
width: 100%;
/*border: 1px solid black;*/
display: inline-block;
color: #fff !important;
margin: 7px;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-title {
font-size: 32px;
line-height: 100%;
}
#CUSTOM_EXCLUSIVELY_OURS .hero-image img,
#CUSTOM_EXCLUSIVELY_OURS .hero-image video {
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS video {
object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
vertical-align: unset;
}
#CUSTOM_EXCLUSIVELY_OURS.template-freezing-sphere .hero-header {
bottom: auto;
margin: 0;
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text {
/* text-shadow: #333 1px 0 12px; */
font-size: clamp(0px, calc(16vw * 100 / 768), 16px);
/* variable font-size, gauged to 16px at 768 wide*/
font-size: 16px;
}
#CUSTOM_EXCLUSIVELY_OURS svg.stroke {
max-height: calc(17vw * 100 / 768);
max-height: unset;
}
#CUSTOM_EXCLUSIVELY_OURS .primary-cta-text span svg {
top: calc(2vw * 100 / 768);
top: 2px;
}
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links>a:not(:last-child),
#CUSTOM_EXCLUSIVELY_OURS .multi-link-header-links>a {
margin: 0px auto 0px auto
}
.featured-collections-card-details button,
.pillOrCTA {
padding: 0.71875rem 0.75rem;
}
#CUSTOM_EXCLUSIVELY_OURS .content-col {
background-color: transparent;
display: block;
}
#CUSTOM_EXCLUSIVELY_OURS .image-col {
background-color: transparent;
}
#CUSTOM_EXCLUSIVELY_OURS .disclaimer {
top: 96%;
}
#CUSTOM_EXCLUSIVELY_OURS * {
color: #333;
}
#CUSTOM_EXCLUSIVELY_OURS .full-banner-svg {
position: relative;
}
#CUSTOM_EXCLUSIVELY_OURS .make-background>.make-background {
width: 100%;
}
}
@media screen and (max-width: 281px) {}
</style>
<div id="CUSTOM_EXCLUSIVELY_OURS" class="template-freezing-sphere hero-container make-full-width preview-day show">
<a class="width-constrain grid-x" href="/search.aspx?search=2023516283&msg=New+%26+Exclusively+Ours" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6300_EXCLUSIVELY OURS', name: '1900hero,HOMEPAGE-_-SLOT6,'}], 'event_label':'6300_EXCLUSIVELY OURS', 'event_category':'1900hero,HOMEPAGE-_-SLOT6'});">
<!-- image side -->
<div class="hero cell small-12 medium-6 image-col">
<div class="hero-image">
<img class="make-background hide-for-small-only lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage_v5.svg" alt="Made by Bare Necessities. We've been busy designing exclusive new styles, from a Bare minimizer to a Reveal wire-free and more. Featuring Limited Time $39 Bras." src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage_v5.svg">
<img class="make-background show-for-small-only lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage_m_v5.svg" alt="Made by Bare Necessities. We've been busy designing exclusive new styles, from a Bare minimizer to a Reveal wire-free and more. Featuring Limited Time $39 Bras." src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage_m_v5.svg">
<header class="hero-header">
<div class="multi-link-header-links">
<button class="primary-cta-text" type="button">
<span class="pillOrCTA uppercase">
Shop
</span>
</button>
</div>
</header>
</div>
</div>
<!-- Text side -->
<div class="hero cell small-12 medium-6 content-col">
<div class="gif-it make-full-width">
<div class="make-background">
<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage.jpg" alt="Woman Modeling a CamioMio apparel" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6283/wk03_6283_homepage.jpg">
</div>
</div>
<!--<h5 class="disclaimer">Select styles</h5>-->
</div>
</a>
</div><!-- 77441 - BRA STYLE GUIDE default7_HomePageFullWidth:_2.90 _BraStyleGuide - v00.01-->
<style>
:root {
--BRASTYLEGUIDE_hover-color: #333;
--BRASTYLEGUIDE_hover-color-text: #fff;
--BRASTYLEGUIDE_bg-color: var(--primary-color);
--BRASTYLEGUIDE_text-color: #333;
--BRASTYLEGUIDE_caption-color: #333;
}
#CUSTOM_TIME_RAVAGE {
background-color: transparent;
/* BACKGROUND COLOR */
}
#CUSTOM_TIME_RAVAGE.four-col-grid h2 {
padding: 0px;
}
#CUSTOM_TIME_RAVAGE .content-wrapper {
background-color: var(--BRASTYLEGUIDE_bg-color);
/* BACKGROUND COLOR */
padding: 30px !important;
}
#CUSTOM_TIME_RAVAGE .header-section *,
#CUSTOM_TIME_RAVAGE .section-footer {
color: var(--BRASTYLEGUIDE_text-color);
/* COLOR OF non-image-caption text*/
}
#CUSTOM_TIME_RAVAGE .four-col-grid-image-cell .text {
color: var(--BRASTYLEGUIDE_caption-color);
/* COLOR OF ALL image caption text */
}
#CUSTOM_TIME_RAVAGE.template_blinding_smite .header-cta .primary-cta-text {
color: var(--BRASTYLEGUIDE_text-color);
}
#CUSTOM_TIME_RAVAGE.four-col-grid>div>div {
z-index: 1;
}
#CUSTOM_TIME_RAVAGE .header-cta {
display: block;
width: 66%;
}
#CUSTOM_TIME_RAVAGE .header-cta button,
#CUSTOM_TIME_RAVAGE .header-cta button .pillOrCTA {
display: block;
width: 100%;
border-color: currentcolor;
}
#CUSTOM_TIME_RAVAGE .hover-text-pop-up {
position: relative;
margin: 0px;
width: 100%;
}
#CUSTOM_TIME_RAVAGE .link-area:hover .text {
background-color: var(--BRASTYLEGUIDE_hover-color) !important;
color: var(--BRASTYLEGUIDE_hover-color-text) !important;
padding: 8px 15px;
}
#CUSTOM_TIME_RAVAGE .link-area .cta_arrow {
display: none;
}
#CUSTOM_TIME_RAVAGE .link-area:hover .cta_arrow {
display: inline-block;
position: relative;
top: 3px;
}
@media screen and (max-width: 47.9375em) {
#CUSTOM_TIME_RAVAGE .header-cta {
width: 100%;
}
#CUSTOM_TIME_RAVAGE .header-section {
text-align: left;
padding-bottom: 15px;
}
#CUSTOM_TIME_RAVAGE.template_blinding_smite .header-cta,
#CUSTOM_TIME_RAVAGE.template_blinding_smite .header-text,
#CUSTOM_TIME_RAVAGE.template_blinding_smite .subheader-text {
text-align: left;
}
#CUSTOM_TIME_RAVAGE h2,
#CUSTOM_TIME_RAVAGE h3 {
display: block;
width: auto;
margin: 0px 10px 0px 0px;
}
#CUSTOM_TIME_RAVAGE p.body-2.text {
font-size: 75%;
}
#CUSTOM_TIME_RAVAGE .header-cta button .pillOrCTA {
padding: 12px 35px 12px 35px;
display: block;
width: fit-content;
margin: 10px 0px 0px 0px;
}
#CUSTOM_TIME_RAVAGE .footer_cta {
margin-top: 20px;
}
#CUSTOM_TIME_RAVAGE .link-area:hover .cta_arrow {
display: none;
}
}
</style>
<div id="CUSTOM_TIME_RAVAGE" class="template_blinding_smite bypass four-col-grid bg-charcoal text-cream make-full-width">
<div class="content-wrapper">
<div class="grid-x grid-padding-x grid-padding-y">
<div class="header-section cell small-12 medium-3">
<!--<h2 class="header-1 text-cream header-text">Bra <br class="hide-for-small-only">Style </h2>-->
<h2 class="header-1 text-cream subheader-text">Bra <br>Style </h2>
<h3 class="header-1-italic text-cream subheader-text"> Guide </h3>
<a class="header-cta" href="/search.aspx?search=2023316117&drv=4294961468&msg=Bra+Style+Guide" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-Shop All" onclick="gtag('event', 'select_content', {promotions: [{id: '6117', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" title="Shop All">
<button type="button" class="primary-cta-text">
<span class="pillOrCTA pillOrCTA-black">
Shop
</span>
</button>
</a>
</div>
<div class="cell small-12 medium-9">
<div class="grid-x grid-padding-x grid-padding-y">
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294954853&msg=Push%2DUp+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-PUSH-UP" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_PUSH-UP', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_PUSH-UP', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk31/6117/wk31_6117_PUSH-UP.jpg" alt="PUSH-UP" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk31/6117/wk31_6117_PUSH-UP.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
PUSH-UP
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294921899&msg=Side+Support+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-Side Support" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_Side Support', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_Side Support', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_sidesupport_v2.jpg" alt="SIDE SUPPORT" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_sidesupport_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
SIDE SUPPORT
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294961939&msg=T%2dShirt+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-tshirt" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_tshirt', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_tshirt', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_tshirt_v2.jpg" alt="T-SHIRT" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_tshirt_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
T-SHIRT BRA
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=BraStyleGuide&drv=4294961468%2c4294954864&msg=Minimizer+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-minimizer" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_minimizer', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_minimizer', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_minimizer_v3.jpg" alt="MINIMIZER" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_minimizer_v3.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
MINIMIZER
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294962081&msg=Sports+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-SPORTS BRA" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_SPORTS BRA', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_SPORTS BRA', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk31/6117/wk31_6117_SPORTS_BRA.jpg" alt="SPORTS BRA" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk31/6117/wk31_6117_SPORTS_BRA.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
SPORTS BRA
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294954857&msg=Unlined+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-unlined" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_unlined', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_unlined', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_unlined_v2.jpg" alt="UNLINED" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_unlined_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
UNLINED
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294943865&msg=Wire%2dFree+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-wirefree" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_wirefree', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_wirefree', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_wirefree_v2.jpg" alt="WIRE FREE" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_wirefree_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
WIRE-FREE
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294954848&msg=Front%2DClose+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-FRONT-CLOSE" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_FRONT-CLOSE', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_FRONT-CLOSE', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_frontclose.jpg" alt="FRONT-CLOSE" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/wk22/6025/wk22_6025_frontclose.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
FRONT-CLOSE
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294920609&msg=Curvy+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-CURVY" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_CURVY', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_CURVY', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_curvy_v2.jpg" alt="CURVY" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_curvy_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
CURVY
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294920607&msg=Strapless+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-STRAPLESS" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_STRAPLESS', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_STRAPLESS', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_strapless_v2.jpg" alt="STRAPLESS" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_strapless_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
STRAPLESS
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294951870&msg=Plunge+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-PLUNGE" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_PLUNGE', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_PLUNGE', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_plunge_v2.jpg" alt="PLUNGE" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_plunge_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
PLUNGE
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
<a href="/search.aspx?search=2023316117&drv=4294961468%2c4294920608&msg=Demi+Bras" rel="nofollow" manual_cm_sp="gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE-_-1.2.01-_-DEMI" onclick="gtag('event', 'select_content', {promotions: [{id: '6117_DEMI', name: 'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'}], 'event_label':'6117_DEMI', 'event_category':'gridInteraction,HOMEPAGE-_-BRASTYLEGUIDE'});" class="four-col-grid-image-cell cell small-6 medium-3 cursor-pointer link-area">
<img class="lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_demi_v2.jpg" alt="DEMI" height="100%" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2024/bra_style_guide/bra_style_guide_demi_v2.jpg">
<div class="hover-text-pop-up always-on">
<p class="body-2 text">
DEMI
<span class="cta_arrow">
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div><!-- 77384: THREE PACK 01/29/2024 6302_Peachy Pink | 6292_Top Rated Panties | 6285_Activewear New Arrivals -- default7_HomePageFullWidth:_1.20 - v0.02 -->
<style>
#CUSTOM_THREE_PACK video {
width: 100%;
display: block;
}
#CUSTOM_THREE_PACK .featured-collections-card-details header .body-1 {
text-wrap: pretty;
text-wrap: balance;
}
.gif-it {
position: relative;
}
.gif-it .make-background {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.gif-it .make-foreground {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
#CUSTOM_ACTIVE.gif-it .img01 {
animation: ACTIVE_frame01 6s linear infinite;
}
#CUSTOM_ACTIVE.gif-it .img02 {
animation: ACTIVE_frame02 6s linear infinite;
}
@keyframes ACTIVE_frame01 {
0%,
50% {
opacity: 1;
}
51%,
100% {
opacity: 0;
}
}
/*@keyframes ACTIVE_frame02{
0%, 66% {
opacity: 1;
}
67%, 100%{
opacity: 0;
}
} */
/* ANIMATION STYLES */
.featured-collections-card {
height: 100%;
}
/* //ANIMATION STYLES */
</style>
<div id="CUSTOM_THREE_PACK" class="featured-collections">
<div class="content-wrapper">
<div class="squiggles"></div>
<div class="cta-header grid-x align-middle ">
<div class="cell medium-12">
<h2 class="cta-header-title header-2"> Intimate Stories </h2>
<p class="cta-header-subtext body-1"> </p>
</div>
</div>
<div class="products-wrapper grid-x grid-margin-x medium-up-3 small-up-1">
<!-- 1: 6302_Peachy Pink (runs: 02/15 - 03/05)-->
<a href="/search.aspx?search=2024036302&drv=4294963345&gb=pv_pfid_color&msg=Peach+Fuzz" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6302', name: '3pk,HOMEPAGE,LEFT'}], 'event_label':'6302', 'event_category':'3pk,HOMEPAGE,LEFT'});" class="cell" title="Explore">
<div class="featured-collections-card">
<div class="featured-collections-card-image">
<div class="make-full-width">
<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6302/wk03_6302_3pk.jpg" alt="Peachy Pink" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6302/wk03_6302_3pk.jpg">
</div>
</div>
<div class="featured-collections-card-details grid-y">
<header>
<h3 class="header-3">Just Peachy</h3>
<p class="body-1">Find the super flattering color of the year, Peach Fuzz, in every category.</p>
</header>
<div class="grid-x align-center">
<button type="button" class="text-w-icon align-middle grid-x text-charcoal pillOrCTA">
<span class="primary-cta">Explore</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</a>
<!-- 2: 6292_Top Rated Panties (runs: 01/29 - 02/15)-->
<a href="/search.aspx?search=2024016292&msg=Top+Rated+Panties" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6292', name: '3pk,HOMEPAGE,MIDDLE'}], 'event_label':'6292', 'event_category':'3pk,HOMEPAGE,MIDDLE'});" class="cell" title="Explore">
<div class="featured-collections-card">
<div class="featured-collections-card-image">
<div id="PANTIES" class=" make-full-width">
<img class="make-background lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6292/wk01_6292_3pk.jpg" alt="Top-Rated Panties" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk01/6292/wk01_6292_3pk.jpg">
</div>
</div>
<div class="featured-collections-card-details grid-y">
<header>
<h3 class="header-3">Top-Rated Panties</h3>
<p class="body-1">Five-star, tried-and true favorites.</p>
</header>
<div class="grid-x align-center">
<button type="button" class="text-w-icon align-middle grid-x text-charcoal pillOrCTA">
<span class="primary-cta">Explore</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</a>
<!-- 3: 6285_Activewear New Arrivals (runs: 01/16 - 02/15)-->
<a href="/search.aspx?search=2023516285&msg=Active+New+Arrivals" rel="nofollow" onclick="gtag('event', 'select_content', {promotions: [{id: '6285', name: '3pk,HOMEPAGE,RIGHT'}], 'event_label':'6285', 'event_category':'3pk,HOMEPAGE,RIGHT'});" class="cell" title="Explore">
<div class="featured-collections-card">
<div class="featured-collections-card-image">
<div id="CUSTOM_ACTIVE" class="gif-it make-full-width">
<img class="make-background img02 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6285/wk03_6285_3pk_frame02.jpg" alt="Doing Well" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6285/wk03_6285_3pk_frame02.jpg">
<img class="make-foreground img01 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6285/wk03_6285_3pk_frame01.jpg" alt="Doing Well" width="100%" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2024/wk03/6285/wk03_6285_3pk_frame01.jpg">
</div>
</div>
<div class="featured-collections-card-details grid-y">
<header>
<h3 class="header-3">Doing Well</h3>
<p class="body-1">Cool new activewear will help keep your motivation up where it belongs.</p>
</header>
<div class="grid-x align-center">
<button type="button" class="text-w-icon align-middle grid-x text-charcoal pillOrCTA">
<span class="primary-cta">Explore</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<section class="bn1df3672bb022 trend" data-ajax="true">
<div class="shop-the-look bn-shop-trend">
<div class="content-wrapper">
<h2 class="shop-the-look-title header-2 shop-the-look-sunburst">Shop <span class="header-2-italic">by Trend</span></h2>
<div class="shop-the-look-content-wrapper tabber simple-tabber-wrapper mobile show-for-small-only">
<ul id="bnd9226eafc863" class="menu dropdown" data-dropdown-menu="uxuan5-dropdown-menu" role="menubar">
<li role="none" class="is-dropdown-submenu-parent opens-right">
<button href="#" class="shop-the-look-selected-tab simple-tabber-helpers">
<div class="simple-tabber-helper tab-2-bold active">NEW AND NOW BRAS</div>
<div class="simple-tabber-helper tab-2-bold">MAROON ACTIVE</div>
<div class="simple-tabber-helper tab-2-bold">COLOR-BLOCK SWIM</div>
<div class="simple-tabber-helper tab-2-bold">SLEEP LIGHTENS UP</div>
<div class="caret">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="caret">
<path d="M7 9.5L12 14.5L17 9.5" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</button>
<ul class="vertical menu simple-tabber-tabs submenu is-dropdown-submenu first-sub" data-submenu="" role="menubar">
<li class="simple-tabber-tab tab-2-bold bn-loaded is-submenu-item is-dropdown-submenu-item active" data-scope="5e08a5e240d7" data-index="1" role="none"><span class="simple-tabber-item">NEW AND NOW BRAS</span></li>
<li class="simple-tabber-tab tab-2-bold is-submenu-item is-dropdown-submenu-item" data-scope="6465b0860884" data-index="2" role="none"><span class="simple-tabber-item">MAROON ACTIVE</span></li>
<li class="simple-tabber-tab tab-2-bold is-submenu-item is-dropdown-submenu-item" data-scope="5b7dd6609b9a" data-index="3" role="none"><span class="simple-tabber-item">COLOR-BLOCK SWIM</span></li>
<li class="simple-tabber-tab tab-2-bold is-submenu-item is-dropdown-submenu-item" data-scope="5bee2f5d351e" data-index="4" role="none"><span class="simple-tabber-item">SLEEP LIGHTENS UP</span></li>
</ul>
</li>
</ul>
<div class="simple-tabber-contents">
<div class="simple-tabber-content tabber-item-content active">
<div class="shop-the-look-item-content trend 5e08a5e240d7">
<div class="shop-the-look-products-wrapper 5e08a5e240d7">
<div class="shop-the-look-products 5e08a5e240d7">
<div>
<a href="https://www.barenecessities.com/wacoal-visual-effects-strapless-minimizer-bra-854310_product.htm?pf_id=Wacoal854310" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Wacoal854310" data-index="1">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" alt="Wacoal Visual Effects Strapless Minimizer Bra" class="product-card-main-image" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_3x.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_3x.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal854310_sand.jpg');background-position: center center;background-repeat: no-repeat;" title="Sand" data-swatchcolor="Sand" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_sand_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_sand_3x.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Wacoal
</div>
<div class="product-card-description body-2">
Visual Effects Strapless Minimizer Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 71.08
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(5)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/elomi-lucie-side-support-plunge-bra-el4490_product.htm?pf_id=ElomiEL4490" class="product-card vertical theme- discount- large-color-count-5" data-pfid="ElomiEL4490" data-index="2">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1.jpg" alt="Elomi Lucie Side Support Plunge Bra" class="product-card-main-image" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_3.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_black.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_black_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_paleblush.jpg');background-position: center center;background-repeat: no-repeat;" title="Pale Blush" data-swatchcolor="Pale Blush" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_paleblush.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_paleblush_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_rocknrose.jpg');background-position: center center;background-repeat: no-repeat;" title="Rock N Rose" data-swatchcolor="Rock N Rose" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper show-for-large" type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_rumble.jpg');background-position: center center;background-repeat: no-repeat;" title="Rumble" data-swatchcolor="Rumble" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490s3_rumble_02_28_23.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490s3_rumble_02_28_23_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper show-for-large" type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_wildthing.jpg');background-position: center center;background-repeat: no-repeat;" title="Wild Thing" data-swatchcolor="Wild Thing" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490f2_wildthing_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490f2_wildthing_3x.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
+2
</div>
</div>
<div class="product-card-name body-2-bold">
Elomi
</div>
<div class="product-card-description body-2">
Lucie Side Support Plunge Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 39.48 - EUR 68.12
</div>
</div>
</div>
<div class="product-card-sale">
<!-- 77492 -- CID6298_PresidentsSale_02142024-->
Presidents' Day Sale
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(28)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/panache-allure-full-cup-bra-10765_product.htm?pf_id=Panache10765" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Panache10765" data-index="3">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" alt="Panache Allure Full Cup Bra" class="product-card-main-image" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_3.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/panache7341_blacklatte.jpg');background-position: center center;background-repeat: no-repeat;" title="Black / Latte" data-swatchcolor="Black / Latte" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_blacklatte_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_blacklatte_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/panache10765_ivory.jpg');background-position: center center;background-repeat: no-repeat;" title="Ivory" data-swatchcolor="Ivory" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_3.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Panache
</div>
<div class="product-card-description body-2">
Allure Full Cup Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 70.09
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(5)</div>
</div>
</div>
</div>
</div>
<div class="product-card-categories"><label class="label">Sustainable</label></div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/freya-undetected-t-shirt-bra-aa401708_product.htm?pf_id=FreyaAA401708" class="product-card vertical theme- discount- large-color-count-5" data-pfid="FreyaAA401708" data-index="4">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" alt="Freya Undetected T-Shirt Bra" class="product-card-main-image" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_7.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/freyaaa401708_ashrose.jpg');background-position: center center;background-repeat: no-repeat;" title="Ash Rose" data-swatchcolor="Ash Rose" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_ashrose_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_ashrose_4.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_7.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/freyaaa400506_naturalbeige.jpg');background-position: center center;background-repeat: no-repeat;" title="Natural Beige" data-swatchcolor="Natural Beige" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_naturalbeige_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_naturalbeige_4.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Freya
</div>
<div class="product-card-description body-2">
Undetected T-Shirt Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 65.16
</div>
</div>
</div>
<div class="product-card-sale">
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/wacoal-shape-revelation-pendulous-bra-855387_product.htm?pf_id=Wacoal855387" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Wacoal855387" data-index="5">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" alt="Wacoal Shape Revelation Pendulous Bra" class="product-card-main-image" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_bv.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal855387_baroquerose.jpg');background-position: center center;background-repeat: no-repeat;" title="Baroque Rose" data-swatchcolor="Baroque Rose" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_baroquerose_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_baroquerose_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal855387_praline.jpg');background-position: center center;background-repeat: no-repeat;" title="Praline" data-swatchcolor="Praline" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_praline_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_praline_3.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Wacoal
</div>
<div class="product-card-description body-2">
Shape Revelation Pendulous Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 75.03
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="5.0 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 100%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(6)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<a href="https://www.barenecessities.com/search.aspx?search=2023486268&drv=4294961468&msg=Top+Bras+for+2024" class="shop-trend-shop-all" title="Shop All">
<div class="product-card vertical">
<div class="grid-x">
<div class="cell small-6">
<div class="header-3">
Shop<br>All
</div>
</div>
<div class="cell small-6">
<button type="button" class="explore-more-cta round-cta large color-charcoal">
<span>
<svg width="27" height="27" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</a>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 6465b0860884">
<div class="shop-the-look-products-wrapper 6465b0860884">
<div class="shop-the-look-products 6465b0860884">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 5b7dd6609b9a">
<div class="shop-the-look-products-wrapper 5b7dd6609b9a">
<div class="shop-the-look-products 5b7dd6609b9a">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 5bee2f5d351e">
<div class="shop-the-look-products-wrapper 5bee2f5d351e">
<div class="shop-the-look-products 5bee2f5d351e">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="shop-the-look-content-wrapper tabber simple-tabber-wrapper show-for-medium" style="min-height: 585px;">
<div class="shop-the-look-tabs grid-x">
<div class="simple-tabber-tab shop-the-look-tab tab-2 cell medium-auto large-shrink bn-loaded active" data-scope="5e08a5e240d7" data-index="1">NEW AND NOW BRAS</div>
<div class="simple-tabber-tab shop-the-look-tab tab-2 cell medium-auto large-shrink " data-scope="6465b0860884" data-index="2">MAROON ACTIVE</div>
<div class="simple-tabber-tab shop-the-look-tab tab-2 cell medium-auto large-shrink " data-scope="5b7dd6609b9a" data-index="3">COLOR-BLOCK SWIM</div>
<div class="simple-tabber-tab shop-the-look-tab tab-2 cell medium-auto large-shrink " data-scope="5bee2f5d351e" data-index="4">SLEEP LIGHTENS UP</div>
<div class="cell medium-auto" style="border-bottom: 1px solid #333; margin-left: -8px;"> </div>
</div>
<div class="simple-tabber-content tabber-item-content active">
<div class="shop-the-look-item-content trend 5e08a5e240d7">
<div class="shop-the-look-products-wrapper 5e08a5e240d7">
<div class="shop-the-look-products 5e08a5e240d7">
<div>
<a href="https://www.barenecessities.com/wacoal-visual-effects-strapless-minimizer-bra-854310_product.htm?pf_id=Wacoal854310" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Wacoal854310" data-index="1">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" alt="Wacoal Visual Effects Strapless Minimizer Bra" class="product-card-main-image" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_3x.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_black_3x.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal854310_sand.jpg');background-position: center center;background-repeat: no-repeat;" title="Sand" data-swatchcolor="Sand" data-pfid="Wacoal854310" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_sand_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac854310_sand_3x.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Wacoal
</div>
<div class="product-card-description body-2">
Visual Effects Strapless Minimizer Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 71.08
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(5)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/elomi-lucie-side-support-plunge-bra-el4490_product.htm?pf_id=ElomiEL4490" class="product-card vertical theme- discount- large-color-count-5" data-pfid="ElomiEL4490" data-index="2">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1.jpg" alt="Elomi Lucie Side Support Plunge Bra" class="product-card-main-image" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_3.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_black.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_black_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_paleblush.jpg');background-position: center center;background-repeat: no-repeat;" title="Pale Blush" data-swatchcolor="Pale Blush" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_paleblush.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/el4490elo_paleblush_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_rocknrose.jpg');background-position: center center;background-repeat: no-repeat;" title="Rock N Rose" data-swatchcolor="Rock N Rose" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490_rocknrose_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper show-for-large" type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_rumble.jpg');background-position: center center;background-repeat: no-repeat;" title="Rumble" data-swatchcolor="Rumble" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490s3_rumble_02_28_23.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490s3_rumble_02_28_23_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper show-for-large" type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/elomiel4490_wildthing.jpg');background-position: center center;background-repeat: no-repeat;" title="Wild Thing" data-swatchcolor="Wild Thing" data-pfid="ElomiEL4490" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490f2_wildthing_1x.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/eloel4490f2_wildthing_3x.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
+2
</div>
</div>
<div class="product-card-name body-2-bold">
Elomi
</div>
<div class="product-card-description body-2">
Lucie Side Support Plunge Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 39.48 - EUR 68.12
</div>
</div>
</div>
<div class="product-card-sale">
<!-- 77492 -- CID6298_PresidentsSale_02142024-->
Presidents' Day Sale
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(28)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/panache-allure-full-cup-bra-10765_product.htm?pf_id=Panache10765" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Panache10765" data-index="3">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" alt="Panache Allure Full Cup Bra" class="product-card-main-image" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_3.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/panache7341_blacklatte.jpg');background-position: center center;background-repeat: no-repeat;" title="Black / Latte" data-swatchcolor="Black / Latte" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_blacklatte_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_blacklatte_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/panache10765_ivory.jpg');background-position: center center;background-repeat: no-repeat;" title="Ivory" data-swatchcolor="Ivory" data-pfid="Panache10765" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/pan10765_ivory_3.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Panache
</div>
<div class="product-card-description body-2">
Allure Full Cup Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 70.09
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="4.8 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 96%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(5)</div>
</div>
</div>
</div>
</div>
<div class="product-card-categories"><label class="label">Sustainable</label></div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/freya-undetected-t-shirt-bra-aa401708_product.htm?pf_id=FreyaAA401708" class="product-card vertical theme- discount- large-color-count-5" data-pfid="FreyaAA401708" data-index="4">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" alt="Freya Undetected T-Shirt Bra" class="product-card-main-image" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_7.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/freyaaa401708_ashrose.jpg');background-position: center center;background-repeat: no-repeat;" title="Ash Rose" data-swatchcolor="Ash Rose" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_ashrose_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_ashrose_4.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_1xx.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_black_7.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/freyaaa400506_naturalbeige.jpg');background-position: center center;background-repeat: no-repeat;" title="Natural Beige" data-swatchcolor="Natural Beige" data-pfid="FreyaAA401708" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_naturalbeige_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/freaa401708_naturalbeige_4.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Freya
</div>
<div class="product-card-description body-2">
Undetected T-Shirt Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 65.16
</div>
</div>
</div>
<div class="product-card-sale">
</div>
</div>
</div>
</div>
</a>
</div>
<div>
<a href="https://www.barenecessities.com/wacoal-shape-revelation-pendulous-bra-855387_product.htm?pf_id=Wacoal855387" class="product-card vertical theme- discount- large-color-count-5" data-pfid="Wacoal855387" data-index="5">
<div class="product-card-content-wrapper">
<div class="product-card-preview-image">
<img src="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" alt="Wacoal Shape Revelation Pendulous Bra" class="product-card-main-image" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_bv.jpg" data-original="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" onerror="BareNecessities.OnImageLoadError(this, BareNecessities.Product.Image.missingPLPImgUrl);">
</div>
<div class="product-card-details">
<div class="grid-x align-middle product-card-color-options color-options-wrapper">
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal855387_baroquerose.jpg');background-position: center center;background-repeat: no-repeat;" title="Baroque Rose" data-swatchcolor="Baroque Rose" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_baroquerose_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_baroquerose_3.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/generic_black.jpg');background-position: center center;background-repeat: no-repeat;" title="Black" data-swatchcolor="Black" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_blackblack_bv.jpg">
</div>
</button>
<button class="color-swatch-wrapper " type="button">
<div class="color-swatch color-option noselect" style="background-image: url('https://res.static-barenecessities.com/image/upload/t_round_swatch_plp,f_auto/sw/wacoal855387_praline.jpg');background-position: center center;background-repeat: no-repeat;" title="Praline" data-swatchcolor="Praline" data-pfid="Wacoal855387" data-alt="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_praline_1.jpg" data-back="https://res.static-barenecessities.com/image/upload/t_plp328ar85092022,f_auto/pv/wac855387_praline_3.jpg">
</div>
</button>
<div class="product-card-other-colors-count show-for-large">
</div>
<div class="product-card-other-colors-count hide-for-large">
</div>
</div>
<div class="product-card-name body-2-bold">
Wacoal
</div>
<div class="product-card-description body-2">
Shape Revelation Pendulous Bra
</div>
<div class="product-card-other-details body-2">
<div class="product-card-other-details-section-1">
<div class="product-card-pricing">
<div class="product-card-price">
EUR 75.03
</div>
</div>
</div>
<div class="product-card-sale">
</div>
<div class="product-card-reviews" title="5.0 out of 5 stars">
<div class="product-card-rating">
<div class="star-rating grid-x align-middle theme-">
<div class="stars-wrapper">
<div class="star-rating-overlay-cutoff" style="width: 100%">
<div class="star-rating-overlay">
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-overlay"></use></svg>
</div>
</div>
<div class="star-rating-underlay">
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
<svg viewBox="0 0 12 12"><use href="#star-underlay"></use></svg>
</div>
</div>
</div>
</div>
<div class="product-card-review-count">(6)</div>
</div>
</div>
</div>
</div>
</a>
</div>
<a href="https://www.barenecessities.com/search.aspx?search=2023486268&drv=4294961468&msg=Top+Bras+for+2024" class="shop-trend-shop-all">
<div class="product-card vertical">
<div class="grid-x">
<div class="cell small-6">
<div class="header-3">
Shop<br>All
</div>
</div>
<div class="cell small-6">
<button type="button" class="explore-more-cta round-cta large color-charcoal">
<span>
<svg width="27" height="27" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</a>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 6465b0860884">
<div class="shop-the-look-products-wrapper 6465b0860884">
<div class="shop-the-look-products 6465b0860884">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 5b7dd6609b9a">
<div class="shop-the-look-products-wrapper 5b7dd6609b9a">
<div class="shop-the-look-products 5b7dd6609b9a">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="simple-tabber-content tabber-item-content">
<div class="shop-the-look-item-content trend 5bee2f5d351e">
<div class="shop-the-look-products-wrapper 5bee2f5d351e">
<div class="shop-the-look-products 5bee2f5d351e">
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
<div class="grid-x grid-margin-x bn-shop-trend skeletonThumbnail">
<div class="cell small-12">
<div class="bn-shop-trend skeletonImage skeletonBase"></div>
<div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
<div class="bn-shop-certona skeletonBall skeletonBase"></div>
</div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
<div class="bn-shop-certona bn-shop-trend skeletonLine skeletonBase"></div>
</div>
</div>
</div>
<button class="horizontal-scroller-left-arrow round-cta color-stone small shop-the-look-products-prev hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 8.95117L2.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.31055 3.14062L2.50032 8.95086L8.31055 14.7611" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="horizontal-scroller-right-arrow round-cta color-stone small shop-the-look-products-next hide">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
(function() {
$(document).on("bn.loading.lowpriorityjs", function() {
var cartridge = $(".bn1df3672bb022");
var config = {
"cname": "shoptrend1",
"ctype": "ShopTrend",
"pname": "any",
"ptype": "default7"
};
var funcs = function() {
bnInitSimplerTabber(cartridge);
bnInitShopLookScroller(cartridge);
BareNecessities.lazyLoad(".bn1df3672bb022 img.lazyBn");
};
var ignore = function(target) {
// Rebrand swatches.
if (target.classList.contains("selectableSwatch")) {
return true;
}
if (target.classList.contains("color-swatch-wrapper")) {
return true;
}
if (target.classList.contains("color-options-wrapper")) {
return true;
}
if (target.classList.contains("color-swatch")) {
return true;
}
// Rebrand favorite heart.
if (target.classList.contains("pdp-card-heart")) {
return true;
}
if (target.classList.contains("pdp-card-heart-inactive")) {
return true;
}
if (target.classList.contains("pdp-card-heart-active")) {
return true;
}
if (target.tagName == "path" || target.tagName == "svg" || target.tagName == "g") {
return true;
}
return false;
};
cartridge.on("click tap", ".product-card", function(e) {
var pfId = $(this).attr("data-pfid") || "";
var division = $(this).attr("data-division") || "";
var vendor = $(this).attr("data-vendor") || "";
var pos = $(this).attr("data-index") || 1;
var listName = config.ctype + "-" + config.cname + "-" + config.ptype + "-" + config.pname;
if (ignore(e.target)) return true;
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "productClick",
ecommerce: {
click: {
actionField: {
list: listName
},
products: [{
id: pfId,
name: pfId,
category: division,
brand: vendor,
position: parseInt(pos, 10)
}]
}
}
});
});
var zilch = function(template) {
return "<div class=\"tab-unavailable\">This tab is unavailable at this time. Please try again later.</div>";
};
funcs();
BareNecessities.Zurb.ProductCard.Init(cartridge);
cartridge.on("mouseover", ".shop-trend-shop-all", function(e) {
var button = $(this).find(".explore-more-cta.round-cta");
button.removeClass("color-charcoal").addClass("color-white");
button.find("path").removeClass("stroke-white").addClass("stroke-charcoal");
});
cartridge.on("mouseout", ".shop-trend-shop-all", function(e) {
var button = $(this).find(".explore-more-cta.round-cta");
button.removeClass("color-white").addClass("color-charcoal");
button.find("path").removeClass("stroke-charcoal").addClass("stroke-white");
});
cartridge.on("click", ".shop-the-look-tab, .simple-tabber-tabs .simple-tabber-tab", function(e) {
e.preventDefault();
var tab = $(this);
var scope = tab.attr("data-scope");
var tabIndex = parseInt(tab.attr("data-index"), 10);
if (tabIndex === 1) {
funcs();
return;
}
if (tab.hasClass("bn-loaded")) {
funcs();
return;
}
$("body").css("cursor", "progress");
var container = $(".shop-the-look-products." + scope);
cartridge.find('.shop-the-look-products-prev, .shop-the-look-products-next').addClass('hide');
var promise = BareNecessities.net.callService("https://www.barenecessities.com/featureservice.aspx?req=shoptrend&pageName=any&pageType=default7&container=1&content=90&tabIndex=" + tabIndex, "POST", "", {
dataType: "html",
global: false,
cache: false
});
promise.done(function(html) {
if (html.trim().length === 0) {
container.html(zilch());
return;
}
var results = $(html);
var status = results.attr("req-status") || "";
if (status.length > 0) {
if (status === "csrf") {
BareNecessities.lightbox.ShowSessionTimeoutBox("Your session expired.<br/>Please click OK to refresh the page and continue.");
return;
}
if (status === "unknown") {
container.html(zilch());
return;
}
}
tab.addClass("bn-loaded");
container.html(html);
});
promise.fail(function(jqXhr, textStatus, errorThrown) {
container.html(zilch());
});
promise.always(function() {
funcs();
$("body").css("cursor", "default");
});
});
cartridge.attr("data-ajax", "true");
});
})();
</script>
<div id="MISSION_STATEMENT" class="featured-collections brand-copy" style="background-color: #fff;">
<div class="content-wrapper">
<div class="squiggles"></div>
<div class="cta-header grid-x align-middle ">
<div class="cell medium-12">
<h2 class="brand-copy-title"> At Bare Necessities, We Live, Love And Obsess Over Bras </h2>
</div>
</div>
<div class="products-wrapper grid-x grid-margin-x medium-up-3 small-up-1" style="margin-left: .1rem;">
<div class="grid-x SEO_COPY_BLOCK_TEXT">
<div class="cell small-12 medium-6 large-3 ">
<div class="brand-copy-card">
<div class="featured-collections-card-details grid-y">
<header>
<div class="icon-container">
<img class="icon icon1 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/our_mission.svg" height="100%" width="100%"
src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/our_mission.svg">
</div>
<h3 class="brand-copy-title">Our Mission <br> Since 1998</h3>
<div class="card-text">We make bra shopping better with unrivaled assortment, expertise and customer experience. The right styles, brands and fits for your body, guaranteed.</div>
</header>
</div>
</div>
</div>
<div class="cell small-12 medium-6 large-3 ">
<div class="brand-copy-card">
<div class="featured-collections-card-details grid-y">
<header>
<div class="icon-container">
<img class="icon icon2 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/every_fit_is_personal.svg" height="100%" width="100%"
src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/every_fit_is_personal.svg">
</div>
<h3 class="brand-copy-title">Every Fit is <br> Personal </h3>
<div class="card-text">Our <a href="/feature.aspx?pagename=bra-fitting-experts">Bra Fit Experts</a> stop at nothing to find you the perfect fit. Chat online or call 877-728-9272 (select option 4) for a free bra fitting or
personal shopping advice. We're here Monday-Wednesday 8:30am-8:00pm EST and Thursday-Friday 8:30am-5:00pm EST.</div>
</header>
</div>
</div>
</div>
<div class="cell small-12 medium-6 large-3 ">
<div class="brand-copy-card">
<div class="featured-collections-card-details grid-y">
<header>
<div class="icon-container">
<img class="icon icon3 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/everybody_belongs.svg" height="100%" width="100%"
src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/everybody_belongs.svg">
</div>
<h3 class="brand-copy-title">Every Body <br> Belongs</h3>
<div class="card-text">Discover over 80 of the world's most well-known bra <a href="/brands.aspx">brands</a> in an unmatched size range (bands 28 to 56 and cups AA to O); our own brands
(<a href="/Bare_brand_673.htm">Bare lingerie</a>, <a href="/Birdsong_brand_645.htm">Birdsong swimwear</a>, <a href="/Body-Up_brand_684.htm">Body Up activewear</a>); the top
<a href="/Swimwear_catalog_nxs,121.htm">swimwear</a> (including <a href="/Plus-Size-Swimwear_catalog_nxs,131.htm">plus-size swim</a>
<a href="/Bra-Sized-Swimsuits-Swimwear_catalog_nxs,121,style,37636.htm">bra-sized swim</a>; and <a href="/DD%2B-Swimwear_catalog_nxs,156.htm">DD+ swimsuits</a>), <a href="/Shapewear_catalog_nxs,33.htm">shapewear</a>,
<a href="/Sexy-Lingerie_catalog_nxs,106.htm">sexy lingerie</a>, <a href="/Sleepwear_catalog_nxs,38.htm">sleepwear</a>, <a href="/Activewear_catalog_nxs,165.htm">activewear</a>,
<a href="https://www.barenecessities.com/catalog.aspx?nxs=32">panties</a>, <a href="/Hosiery_catalog_nxs,34.htm">hosiery</a>, <a href="/Mens_catalog_nxs,144.htm">men's</a> and more. The labels you love are all here, like
<a href="/Wacoal_brand_11.htm">Wacoal</a>, <a href="/Chantelle_brand_14.htm">Chantelle</a>, <a href="/Elomi-Bras_catalog_nxs,31,vendor,23797.htm">Elomi</a>, <a href="/Freya-Bras_catalog_nxs,31,vendor,750.htm">Freya</a>,
<a href="/SPANX_brand_44.htm">SPANX</a>, <span style="white-space: nowrap;"><a href="/Bali-Bras_catalog_nxs,31,vendor,713.htm">Bali</a>, </span><a href="/Natori-Bras_catalog_nxs,31,vendor,8923.htm">Natori</a>,
<a href="/Panache-Bras_catalog_nxs,31,vendor,800.htm">Panache</a> and <a href="/Glamorise-Bras_catalog_nxs,31,vendor,752.htm">Glamorise</a>.</div>
</header>
</div>
</div>
</div>
<div class="cell small-12 medium-6 large-3 ">
<div class="brand-copy-card">
<div class="featured-collections-card-details grid-y">
<header>
<div class="icon-container">
<img class="icon icon4 lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/everything_you_need.svg" height="100%" width="100%"
src="https://as.static-barenecessities.com/imgfp/ver/007//img/dcm/2023/other/mission_statement/v1/everything_you_need.svg">
</div>
<h3 class="brand-copy-title">Everything <br> You Need</h3>
<div class="card-text">With Bare Necessities, you don't need to spend hours searching for <a href="/Bras_catalog_nxs,31.htm">bras</a>. Get what you want faster with our <a href="/finder.aspx">Bra Finder</a>,
<a href="/feature.aspx?pagename=fit_sizing">Bra Size Calculator</a>, <a href="/shopbybrasize.aspx">Shop by Bra Size</a> or <a href="/shopbysize.aspx">Shop by Swim Size</a> pages, and let us do the work for you. </div>
</header>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="CUSTOM_FIT_FINDER" class="find-your-fit templated-fit-finder" href="/finder.aspx" manual_cm_sp="1900hero,6,homepage-_-1.6.01-_-fitfinder" onclick="gtag('event', 'select_content', {promotions: [{id: 'fitfinder', name: '1900hero,6,homepage'}], 'event_label':'fitfinder', 'event_category':'1900hero,6,homepage'});" title="Bra Fit Finder">
<div class="content-wrapper">
<div class="find-your-fit-bg-lines">
<svg class="stroke" width="100%" height="100%" viewBox="0 0 1184 500" xmlns="http://www.w3.org/2000/svg">
<line y1="-0.7" x2="112.886" y2="-0.7" transform="matrix(1 -4.55412e-07 -6.10807e-08 -1 1071.11 81.0469)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -2.76271e-08 -1.12126e-07 -1 1126.66 -1.375)" stroke-width="1.4"></line>
<line x1="6.11959e-08" y1="39.3" x2="1184" y2="39.3001" stroke-width="1.4"></line>
<line y1="-0.7" x2="112.886" y2="-0.7" transform="matrix(1 -7.04056e-08 -2.90784e-07 -1 1071.11 163.256)" stroke-width="1.4"></line>
<line x1="1019" y1="327.3" x2="1184" y2="327.3" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -2.76271e-08 -1.12126e-07 -1 1126.66 204.469)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -2.76271e-08 -1.12126e-07 -1 1126.66 245.672)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -1.95462e-08 -1.58482e-07 -1 1126.66 122.047)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -2.76271e-08 -1.12126e-07 -1 1126.66 286.879)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -5.7456e-08 -5.39145e-08 -1 1126.66 369)" stroke-width="1.4">
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -5.7456e-08 -5.39145e-08 -1 1126.66 369)" stroke-width="1.4"> </line>
</line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -4.55412e-07 -6.10807e-08 -1 1126.66 406.879)" stroke-width="1.4"></line>
<line y1="-0.7" x2="57.3387" y2="-0.7" transform="matrix(1 -2.76271e-08 -1.12126e-07 -1 1126.66 442.879)" stroke-width="1.4"></line>
</svg>
</div>
<div class="find-your-fit-bg-image">
</div>
<div class="find-your-fit-content">
<div class="find-your-fit-content-top-v2 grid-x">
<div class="find-your-fit-content-section-1-v2 cell medium-3 eyebrow text">The Fit Finder</div>
<div class="find-your-fit-content-section-2-v2 cell medium-9 body-2 show-for-medium text">You're more than a letter and number;<br>
fit matters most.<br>
Now let's get you a bra!
</div>
</div>
<div class="find-your-fit-content-bottom">
<h1 class="find-your-fit-content-headings block">
<span class="find-your-fit-content-title header-1 text block">Find your </span>
<span class="find-your-fit-content-subtext header-1-italic text inline-block">perfect</span>
<span class="find-your-fit-content-title header-1 text inline-block">fit</span>
</h1>
<button type="button" class="find-your-fit-content-cta round-cta xxlarge color-white">
<span class="secondary-cta" style="color: inherit;">TAKE THE QUIZ</span>
<span>
<svg class="stroke" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
<div class="find-your-fit-content-section-2 body-2 show-for-small-only text">You're more than a letter and number; fit matters most. Now let's get you a bra!</div>
</div>
</div>
</a>
<div id="JOIN_SEAMLESS" class="seamless make-full-width">
<div class="width-constrain">
<a class="full-img-click grid-x" href="/secure/MyAccount/SignIn.aspx?sm=cao" manual_cm_sp="slide_in-_-16.20-_-6168_loyalty" onclick="gtag('event', 'select_content', {promotions: [{id: '6168_loyalty', name: 'slide_in'}], 'event_label':'6168_loyalty', 'event_category':'slide_in'});" title="Become a Seamless Loyalty Member">
<div class="hero cell small-12 medium-6 large-2 img-col">
<img class="jpg lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_banner.png" alt="Become a Seamless Loyalty Member" width="100%" height="auto" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_banner.png">
<img class="svg lazyBn" loading="lazy" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_banner_responsive.svg" alt="Become a Seamless Loyalty Member" width="100%" height="auto" src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_banner_responsive.svg">
</div>
<div class="hero cell small-12 medium-6 large-10 content-col">
<div class="header-copy">
<span class="header serif-bold-condensed font-size">Become a <br class="show-for-small-only"> SEAMLESS <br class="show-for-small-only"> Loyalty Member</span>
<button class="primary-cta-text" type="button">
<span class="pillOrCTA">
Sign Up
</span>
</button>
</div>
</div>
</a>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="cell">
<script type="application/ld+json">
{
"logo": "https://as.static-barenecessities.com/imgfp/ver/007/img/header/logos/Secondary_Logo_Charcoal_Artboard_250x29.png",
"contactPoint": [{
"telephone": "732.902.5400",
"email": "info@barenecessities.com",
"contactType": "customer service",
"@type": "ContactPoint",
"areaServed": ["CA", "AU", "AE", "SG", "IL", "HK", "MX", "QA", "SA", "PR"],
"availableLanguage": "en"
}],
"address": {
"streetAddress": "1 Harmon Plaza, Suite 401",
"postalCode": "07094",
"addressLocality": "Secaucus",
"addressRegion": "NJ",
"addressCountry": "US",
"@type": "PostalAddress"
},
"@context": "https://schema.org",
"@type": "Organization",
"description": "Bare Necessities is your one-stop shop for Online Shopping of Bras, Lingerie, Swimwear, Panties, Nightwear, and much more! Fast + FREE Shipping!.",
"name": "Bare Necessities",
"alternateName": "BAREWEB, INC.",
"url": "https://www.barenecessities.com/",
"sameAs": ["https://www.facebook.com/barenecessities/", "https://twitter.com/barenecessities", "https://www.tiktok.com/@barenecessities.com", "https://www.instagram.com/barenecessities/",
"https://www.pinterest.com/Bare_Necessities/", "https://www.youtube.com/user/barenecessities", "https://www.linkedin.com/company/bare-necessities", "https://en.wikipedia.org/wiki/Bare_Necessities_(company)"
]
}
</script>
</div>
</div>
</main>
</div>
</div>
<!-- Footer -->
<style type="text/css">
/* These may be used by DCM */
.hide-on-international {
display: none;
}
</style>
<footer id="global-footer">
<hr class="band-back show-for-small-only">
<div class="grid-container show-for-small-only">
<div class="grid-x grid-padding-x">
<div class="small-12 cell">
<div class="footer-back-top">
<a href="#"><span class="bn-icons bn-icons-chevron-up footer-back-top-icon"></span><span class="show-for-sr">Back to top</span></a>
<a href="#" class="footer-back-top-link">Back to Top</a>
</div>
</div>
</div>
</div>
<!-- 75150 Footer, Explore More RB22 SD0922 #seourl_6/14_s-->
<div class="explore-more">
<div class="content-wrapper">
<h2 class="explore-more-title header-2">Explore More</h2>
<ul class="explore-more-links">
<a class="explore-more-link" href="/Bras_catalog_nxs,31.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Bras', name: 'footer6,ExploreMore'}], 'event_label':'Bras', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/bra-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/bra-icon-charcoal.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/bra-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/bra-icon-charcoal.svg">
<p class="tab-2 on-medium-tab-1">Bras</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="https://www.barenecessities.com/catalog.aspx?nxs=32 " onclick="gtag('event', 'select_content', {promotions: [{id: 'Panties', name: 'footer6,ExploreMore'}], 'event_label':'Panties', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/panties-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/panties-icon-charcoal.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/panties-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/panties-icon-charcoal.svg">
<p class="tab-2 on-medium-tab-1">Panties</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/Sexy-Lingerie_catalog_nxs,106.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Lingerie', name: 'footer6,ExploreMore'}], 'event_label':'Lingerie', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/BN_Lingerie_36x36px.svg" alt="" height="34px" width="34px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/BN_Lingerie_36x36px.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/BN_Lingerie_36x36px.svg" alt="" height="34px" width="34px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/BN_Lingerie_36x36px.svg">
<p class="tab-2 on-medium-tab-1">Lingerie</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/Swimwear_catalog_nxs,121.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Swim', name: 'footer6,ExploreMore'}], 'event_label':'Swim', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/swim-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/swim-icon-charcoal.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/swim-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/swim-icon-charcoal.svg">
<p class="tab-2 on-medium-tab-1">Swim</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/Shapewear_catalog_nxs,33.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Shape', name: 'footer6,ExploreMore'}], 'event_label':'Shape', 'event_category':'footer6,ExploreMore'};">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/shape-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/shape-icon-charcoal.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/shape-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/shape-icon-charcoal.svg">
<p class="tab-2 on-medium-tab-1">Shape</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/Sleepwear_catalog_nxs,38.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Sleep', name: 'footer6,ExploreMore'}], 'event_label':'Sleep', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/sleep-icon-charcoal36-2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/sleep-icon-charcoal36-2.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/sleep-icon-charcoal36-2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/sleep-icon-charcoal36-2.svg">
<p class="tab-2 on-medium-tab-1">Sleep</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/Activewear_catalog_nxs,165.htm" onclick="gtag('event', 'select_content', {promotions: [{id: 'Active', name: 'footer6,ExploreMore'}], 'event_label':'Active', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/active-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/active-icon-charcoal.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/active-icon-charcoal.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/active-icon-charcoal.svg">
<p class="tab-2 on-medium-tab-1">Active</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/shop.aspx?pagetype=shopping6&pagename=couponsandpromotions" onclick="gtag('event', 'select_content', {promotions: [{id: 'Today\'s Deals', name: 'footer6,ExploreMore'}], 'event_label':'Today\'s Deals', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg">
<p class="tab-2 on-medium-tab-1">Today's Deals</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a class="explore-more-link" href="/search.aspx?search=clearanceCMD&drv=4294922032&gb=PV_PFID_Price&dscnt=1&msg=Clearance" onclick="gtag('event', 'select_content', {promotions: [{id: 'Clearance', name: 'footer6,ExploreMore'}], 'event_label':'Clearance', 'event_category':'footer6,ExploreMore'});">
<img class="explore-more-link-icon-default lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg">
<img class="explore-more-link-icon-hovered hide-for-small-only lazyBn" data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg" alt="" height="36px" width="36px" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/icon/clearance-icon-black_v2.svg">
<p class="tab-2 on-medium-tab-1">Clearance</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12.9512L21 12.9512" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.2842 21.666L20.9995 12.9507L12.2842 4.23533" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</ul>
<a href="/search.aspx?search=PAST030DAYS&drv=4294962061&sb=DD&msg=Women%27s+New+Arrivals">
<button type="button" class="explore-more-cta round-cta xxlarge color-stone show-for-medium">
EXPLORE
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8.95117L14.5 8.95117" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68945 14.7617L14.4997 8.95149L8.68945 3.14126" class="stroke-white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</a>
</div>
</div>
<script type="text/javascript" id="cbt-snippet">
! function(e, t, n, c, o) {
var r, s;
e[c] = function(t) {
e[c]._token = t.token, e[c]._env = t.env
},
e[c].l = 1 * new Date, r = t.createElement("script"),
s = t.getElementsByTagName("script")[0],
r.async = 1,
r.src = "https://global.prd.borderfree.com/cdn/cbt/v1/dist/cbt.js",
s.parentNode.insertBefore(r, s)
}
(window, document, 0, "cbt"),
cbt({
token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJtZXJjaElkIjoiMzg2MSIsImNyZWF0ZWREYXRlIjoiMjAxOC0wNS0yNVQxODowNTo0Mi41MDBaIiwiaWF0IjoxNTI3MjcxNTQyfQ.6VnuP5U82cMF6O0sU_WQiA0kfLd6SZp1t8e6MtTW8qY",
env: "prd"
});
</script>
<script>
$(function() {
(function() {
if (typeof BN_PageData.GlobalContext.IsMember != 'undefined' && typeof BN_PageData.GlobalContext.IsKnown != 'undefined') {
var isMember = BN_PageData.GlobalContext.IsMember;
var isKnown = BN_PageData.GlobalContext.IsKnown;
var session_type = "anonymous";
var loyaltylvl = "0";
if (isMember != "false") {
session_type = "signedin"
if (typeof BN_PageData.GlobalContext.EID != 'undefined') {
var eid = BN_PageData.GlobalContext.EID.ReferringEID;
}
} else {
if (typeof BN_PageData.GlobalContext.EID != 'undefined') {
session_type = "EID"
var eid = BN_PageData.GlobalContext.EID.ReferringEID;
} else {
if (isKnown != "false") {
session_type = "Lapsed"
}
//anonymous
}
}
if (typeof BN_PageData.GlobalContext.Loyalty != 'undefined' && BN_PageData.GlobalContext.Loyalty.IsEnrolled == 'True') {
if (typeof BN_PageData.GlobalContext.Loyalty.Details.currentTier != 'undefined') {
var loyaltylvl = BN_PageData.GlobalContext.Loyalty.Details.currentTier;
}
}
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'pageview',
dimension12: session_type,
dimension11: isMember,
dimension10: eid,
dimension17: loyaltylvl
});
}
})();
});
</script>
<script>
$(function() {
if (typeof BN_PageData.GlobalContext.EID !== "undefined") {
if (typeof BN_PageData.GlobalContext.EID.ReferringEID === "string") {
var e = BN_PageData.GlobalContext.EID.ReferringEID;
var q = "'";
var z = q.concat(e).concat(q);
//console.log(z);
gtag('set', {
'user_id': z
});
}
}
});
</script>
<script>
(function() {
var wlh = window.location.href;
if (wlh.indexOf("levelup2") > -1) {
BareNecessities.Cookie.Set("bnABseg-loyalty-levelup-2", "1", 90);
}
if (wlh.indexOf("levelup3") > -1) {
BareNecessities.Cookie.Set("bnABseg-loyalty-levelup-3", "1", 90);
}
if (wlh.indexOf("levelup4") > -1) {
BareNecessities.Cookie.Set("bnABseg-loyalty-levelup-4", "1", 90);
}
});
</script>
<div class="grid-container mobile-accordion">
<div class="grid-x grid-padding-x">
<!-- 64238-->
<div class="small-12 medium-6 cell" id="footer-item-customer">
<div class="expandable">
<a href="" class="expander"><b>Customer Support</b></a>
</div>
<div class="grid-x grid-padding-x expandable-target">
<div class="small-12 cell footer-item-link"><a href="/customerservice.aspx" manual_cm_sp="Footer-_-Support-_-FAQs" alt="FAQs">FAQs</a></div>
<div class="small-12 cell footer-item-link "><a href="/customerservice.aspx#howmuchdoyouchargeforshipping" manual_cm_sp="Footer-_-support-_-shipping" alt="Shipping Information">Shipping Information</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=bra-fitting-experts" manual_cm_sp="Footer-_-support-_-bra,fitters" alt="Bra Fit Experts">Bra Fit Experts</a></div>
<div class="small-12 cell footer-item-link"><a href="/customerservice.aspx#returnpolicy" manual_cm_sp="Footer-_-support-_-returns" alt="Returns & Exchanges">Returns & Exchanges</a></div>
<div class="small-12 cell footer-item-link"><a href="/feedback.aspx" manual_cm_sp="Footer-_-support-_-contact,us" alt="Contact Us!">Contact Us</a></div>
<div class="small-12 cell footer-item-link"><a href="/search.aspx?drv=4294962061&PLPStyleNumberEnabled=true" manual_cm_sp="Footer-_-Support-_-stylenumber" alt="stylenumber">Shop by Style #</a></div>
</div>
</div>
<!-- 66218-->
<div class="small-12 cell" id="footer-item-fittips">
<div class="expandable">
<a href="" class="expander"><b>Fit Tips & Advice</b></a>
</div>
<div class="grid-x grid-padding-x expandable-target">
<div class="small-12 cell footer-item-link"><a href="https://blog.barenecessities.com/" manual_cm_sp="Footer-_-advice-_-blog" target="_blank" rel="noopener">Blog</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=guides-glossary" manual_cm_sp="Footer-_-advice-_-guides,glossaries">Guides & Glossaries</a></div>
<div class="small-12 cell footer-item-link"><a href="/finder.aspx" manual_cm_sp="Footer-_-advice-_-finder" target="_blank" rel="noopener">Bra Finder</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=Lingerie-Styles" manual_cm_sp="Footer-_-advice-_-lingerie,styles">Lingerie Styles for Every Body Type</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=fit_sizing" manual_cm_sp="Footer-_-advice-_-bra,sizing">How to Measure Your Bra Size</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=types_of_bras" manual_cm_sp="Footer-_-advice-_-typesofbras">Types of Bras</a></div>
</div>
</div>
<!-- 75057 -->
<div class="small-12 cell" id="footer-item-about">
<div class="expandable">
<a href="" class="expander"><b>Bare Necessities</b></a>
</div>
<div class="grid-x grid-padding-x expandable-target">
<div class="small-12 cell footer-item-link"><a href="/aboutus.aspx" manual_cm_sp="Footer-_-about-_-about,us" alt="About Us">About Us</a></div>
<div class="small-12 cell footer-item-link"><a href="/special.aspx?specialpage=Careers" manual_cm_sp="Footer-_-about-_-careers" alt="Careers at BN">Careers</a></div>
<div class="small-12 cell footer-item-link"><a href="/product_gc.aspx" manual_cm_sp="Footer-_-about-_-gc" alt="Gift Certificates">e-Gift Certificates </a></div>
<div class="small-12 cell footer-item-link"><a href="/brands.aspx" alt="Brands at Bare Necessities">View All Brands</a></div>
<div class="small-12 cell footer-item-link"><a href="/feature.aspx?pagename=BareNecessitiesReviews" alt="Bare Necessities Reviews">Bare Necessities Reviews</a></div>
<div class="small-12 cell footer-item-link">
<a href="/feature.aspx?pagename=In_The_Press" onclick="gtag('event', 'select_content', {promotions: [{id: 'In The Press', name: 'footer,81'}], 'event_label':'In The Press', 'event_category':'footer,81'});" alt="In The Press">In The Press</a>
</div>
<div class="small-12 cell footer-item-link"><a href="/affiliates" alt="Bare Necessities Reviews">Affiliates</a></div>
<div class="small-12 cell footer-item-link"><a href="/loyalty" alt="SEAMLESS - Bare Necessities Loyalty Program">SEAMLESS Loyalty Program</a></div>
</div>
</div>
<!-- <div class="small-12 cell footer-item-link"><a href="javascript:void(0);" class="navlink" onclick="cmCreateConversionEventTag('ig2d8m049q','1','video'); BareNecessities.Video.ClickUseAPI({img:$(this),videoContainerToShow:'videoContainer', videoToPlay:'ig2d8m049q', Async: false, playerContainer: 'wistia_global'});" manual_cm_sp="Footer-_-about-_-video" alt="See Our Video">See Our Video</a></div> -->
</div>
</div>
<div id="ltk-inline-content-html-38fc0afe-0c52-4ba8-8b0b-742fb9628569">
<div class="ltk-landing-page ltk-inline-footer-signup ltkpopup-landing-page">
<!-- -->
<div class="ltk-lp-container ltk-lp-contain-form ltk-footer-signup">
<div class="ltk-flex-wrap">
<!-- -->
<div class="ltk-flex-col ltk-lp-form page-visible">
<div class="ltk-lp-wrapper">
<h1>LET'S STAY <em>CONNECTED</em></h1>
<p>Sign up and get <strong>$20 off</strong> your first order + <strong>FREE SHIPPING</strong></p>
<div class="ltk-lp-form-fields">
<label class="ltkpopup-visuallyhidden" for="ltkpopup-email" role="text">Email Address</label>
<div id="ltkpopup-error-email" class="ltkpopup-error-message" data-ltk-error-for="email" role="alert" data-ltk-message="Please enter a valid email address"></div>
<input tabindex="0" id="ltkpopup-email" type="email" name="email" placeholder="enter email address" autocomplete="email" pattern="^[a-zA-Z0-9._\+!\-]+[@]+([a-zA-Z0-9]{2,})+\.+[a-zA-Z]{2,}$" aria-describedby="ltkpopup-error-email">
<button type="button" id="ltkpopup-submit" role="button" class="ltkpopup-subscribe ltk-subscribe" tabindex="0">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18.398" viewBox="0 0 18 18.398">
<g id="svgexport-13_1_" data-name="svgexport-13 (1)" transform="translate(-2 -2.442)">
<path id="Path_168" data-name="Path 168" d="M2.5,8.951h17" transform="translate(0 2.69)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
<path id="Path_169" data-name="Path 169" d="M8.689,20.141l11.595-8.5L8.689,3.141" transform="translate(-0.785 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
</g>
</svg>
</button>
</div>
<p class="ltk-inline-disclaimer">Offer valid for first-time subscribers only.</p>
</div>
</div>
</div>
</div>
<div class="ltkpopup-source">
<input type="hidden" class="text" name="Source.GXP Footer Signup" value="On" tabindex="-1">
</div>
</div>
</div>
<div class="max-width-maxcontent mx-auto footer-mixed-content">
<div class="grid-x grid-padding-x medium-up-5">
<div class="cell show-for-medium">
<!-- 64239 -->
<h2 class="footer-heading">CUSTOMER SUPPORT</h2>
<div>
<p class="footer-item-link"><a href="/customerservice.aspx" manual_cm_sp="Footer-_-Support-_-FAQs" alt="FAQs">FAQs</a></p>
<p class="footer-item-link"><a href="/customerservice.aspx#howmuchdoyouchargeforshipping" manual_cm_sp="Footer-_-support-_-shipping" alt="Shipping Information">Shipping Information</a></p>
<p class="footer-item-link"><a href="/feature.aspx?pagename=bra-fitting-experts" manual_cm_sp="Footer-_-support-_-bra,fitters" alt="Bra Fit Experts">Bra Fit Experts</a></p>
<p class="footer-item-link"><a href="/customerservice.aspx#returnpolicy" manual_cm_sp="Footer-_-support-_-returns" alt="Returns & Exchanges">Returns & Exchanges</a></p>
<p class="footer-item-link"><a href="/feedback.aspx" manual_cm_sp="Footer-_-support-_-contact,us" alt="Contact Us!">Contact Us</a></p>
<script>
function styles_1() {
var url = window.location.href;
if (url.indexOf('?') > -1) {
url += '&PLPStyleNumberEnabled=true'
} else {
url += '?PLPStyleNumberEnabled=true'
}
window.location.href = url;
}
</script>
<p class="footer-item-link"><a href="javascript: styles_1();" manual_cm_sp="Footer-_-Support-_-stylenumber" alt="stylenumber">Shop by Style #</a></p>
<!--
<p class="footer-item-link"><a href="/search.aspx?drv=4294962061&PLPStyleNumberEnabled=true" manual_cm_sp="Footer-_-Support-_-stylenumber" alt="stylenumber">Shop by Style #</a></p> -->
</div>
</div>
<div class="cell show-for-medium">
<!-- 72870 -->
<h2 class="footer-heading">FIT TIPS & ADVICE</h2>
<div>
<p class="footer-item-link"><a href="/feature.aspx?pagename=guides-glossary" manual_cm_sp="Footer-_-advice-_-fitting,room">Guides & Glossaries</a></p>
<p class="footer-item-link"><a href="/finder.aspx" manual_cm_sp="Footer-_-advice-_-bra,finder" target="_blank" rel="noopener">Bra Finder</a></p>
<p class="footer-item-link"><a href="/feature.aspx?pagename=types_of_bras" manual_cm_sp="Footer-_-advice-_-typesofbras" target="_blank" rel="noopener">Types of Bras</a></p>
<p class="footer-item-link"><a href="/feature.aspx?pagename=Lingerie-Styles" manual_cm_sp="Footer-_-advice-_-lingerie,styles" target="_blank" rel="noopener">Lingerie Styles for Every Body Type</a></p>
<p class="footer-item-link"><a href="/feature.aspx?pagename=fit_sizing" manual_cm_sp="Footer-_-advice-_-bra,sizing">How to Measure Your Bra Size</a></p>
</div>
</div>
<div class="cell show-for-medium">
<!-- 75059 -->
<h2 class="footer-heading">BARE NECESSITIES</h2>
<div>
<p class="footer-item-link">
<a href="/aboutus.aspx" manual_cm_sp="Footer-_-about-_-our,history" onclick="gtag('event', 'select_content', {promotions: [{id: 'aboutus', name: 'footer,81'}], 'event_label':'aboutus', 'event_category':'footer,81'});" alt="Our History">About Us</a>
</p>
<p class="footer-item-link">
<a href="/special.aspx?specialpage=Careers" target="_blank" manual_cm_sp="Footer-_-about-_-careers" onclick="gtag('event', 'select_content', {promotions: [{id: 'Careers', name: 'footer,81'}], 'event_label':'Careers', 'event_category':'footer,81'});" alt="Careers">Careers</a>
</p>
<p class="footer-item-link">
<a href="/product_gc.aspx" manual_cm_sp="Footer-_-about-_-gc" onclick="gtag('event', 'select_content', {promotions: [{id: 'gc', name: 'footer,81'}], 'event_label':'gc', 'event_category':'footer,81'});" alt="Gift Certificates">e-Gift Certificates </a>
</p>
<p class="footer-item-link">
<a href="/brands.aspx" onclick="gtag('event', 'select_content', {promotions: [{id: 'allbrands', name: 'footer,81'}], 'event_label':'allbrands', 'event_category':'footer,81'});" alt="Bare Necessities Brands">View All Brands</a></p>
<p class="footer-item-link">
<a href="/feature.aspx?pagename=BareNecessitiesReviews" onclick="gtag('event', 'select_content', {promotions: [{id: 'reviews', name: 'footer,81'}], 'event_label':'reviews', 'event_category':'footer,81'});" alt="Bare Necessities Reviews">Bare Necessities Reviews</a>
</p>
<p class="footer-item-link">
<a href="/feature.aspx?pagename=In_The_Press" onclick="gtag('event', 'select_content', {promotions: [{id: 'In The Press', name: 'footer,81'}], 'event_label':'In The Press', 'event_category':'footer,81'});" alt="In The Press">In The Press</a>
</p>
<p class="footer-item-link">
<a href="/affiliates" onclick="gtag('event', 'select_content', {promotions: [{id: 'Affiliates', name: 'footer,81'}], 'event_label':'Affiliates', 'event_category':'footer,81'});" alt="Bare Necessities Reviews">Affiliates</a></p>
<p class="footer-item-link">
<a href="/loyalty" onclick="gtag('event', 'select_content', {promotions: [{id: 'seamless', name: 'footer,81'}], 'event_label':'seamless', 'event_category':'footer,81'});" alt="SEAMLESS - Bare Necessities Loyalty Program">SEAMLESS Loyalty Program</a>
</p>
</div>
</div>
<div class="cell show-for-medium">
</div>
<div class="cell show-for-small text-center footer_share_container">
<!-- 76530 -->
<h2 class="footer-heading">SHARE THE LOVE</h2>
<iframe
src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fbarenecessities&width=101&layout=button_count&action=like&size=small&show_faces=false&share=false&height=21&appId"
width="101" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" title="Facebook ‘Like’ widget to show how much you ‘Like’ Bare Necessities"></iframe>
<div class="social-icons grid-x grid-padding-x small-padding-collapse small-up-3 medium-up-2 large-up-3">
<div class="cell">
<a href="https://www.instagram.com/barenecessities/" title="Instagram" target="_blank" rel="noopener"><img data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/instagram_201703.png" alt="instagram" class="lazyBn" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/instagram_201703.png"></a>
</div>
<div class="cell">
<a href="https://www.tiktok.com/@barenecessities.com" title="TikTok" target="_blank" rel="noopener"><img data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/tiktok_201703.png" alt="TikTok" class="lazyBn" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/tiktok_201703.png"></a>
</div>
<div class="cell">
<a href="https://www.facebook.com/barenecessities" title="Facebook" target="_blank" rel="noopener"><img data-original="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/facebook_201703.png" alt="facebook" class="lazyBn" loading="lazy" src="https://as.static-barenecessities.com/imgfp/ver/007/img/footer/icons/facebook_201703.png"></a>
</div>
</div>
<div style="padding-top:10%">NEED HELP? <span class=""><a href="tel:732.902.5400">732.902.5400</a></span></div><!-- 76986: INLINE WRITER FUNCTIONS() v0.01 -->
<script>
var id_check;
var completed_inline_markup;
function build_inline_code(inline_locations, year, week, cid, version, filetype, href, alt_text) {
for (var i = 0; i < inline_locations.length; i++) {
//console.log("building location: pos_" + inline_locations[i]);
completed_inline_markup = "<div id=\"inline_" + cid + "_nxs:" + inline_locations[i] +
"\" class=\"text-only template_watery_sphere template_watery_sphere_alt cell item thumbnail-item-inline1x1\"><a class=\"cell\" onclick=\"gtag('event', 'select_content', {promotions: [{id: '" + cid + "', name: 'inline,nxs," +
inline_locations[i] + "'}], 'event_label':'" + cid + "', 'event_category':'inline,nxs," + inline_locations[i] + "' });\" href=\"" + href +
"\"><div class=\"featured-collections-card\"><img class=\"lazyBn\" loading=\"lazy\" data-original=\"https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/" + year + "/wk" + week + "/" + cid + "/wk" + week + "_" + cid +
"_inline_" + version + "." + filetype + "\" alt=\"" + alt_text + "\" width=\"100%'\" height=\"auto\" > </div></a></div>";
id_check = "pos_" + inline_locations[i];
write_inline(id_check, completed_inline_markup);
}
};
function write_inline(id_check, completed_inline_markup) {
if (document.getElementById(id_check) !== null) {
//console.log("id_check = " + id_check);
$("#" + id_check).replaceWith(completed_inline_markup);
}
};
</script><!-- 77292: WK03 INLINES - FUNCTION CALLS - footer6:any_10.3 v0.01 -->
<script>
if (document.getElementById("PAGE_IS_NXS") !== null) {
// Presidents Day Sale 6298 (02/15 - 02/20)
build_inline_code(["31_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294961468&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["32_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294961469&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["33_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294961466&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["38_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294961470&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["106_5", "106_36"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294955056&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["121_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294959444&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
build_inline_code(["165_5"], 2024, "03", 6298, "v01", "jpg", "/search.aspx?search=2024036298&drv=4294947265&gb=PV_PFID_Price&dscnt=1&msg=President%27s+Day+Sale", "Presidents' Day Sale, 30% Off Select Styles");
// 10 for $35 Exclusively Ours Panties 6300 (02/15 - 02/20)
build_inline_code(["31_36", "32_16", "33_25", "38_36", "165_16"], 2024, "03", 6300, "v01", "jpg", "/search.aspx?search=2024036300&drv=4294961469&msg=10+for+%2435+Panties", "10 for $35 Exclusively Ours Panties");
// EXCLUSIVELY OURS NEW ARRIVALS 6283 (1/16 - 03/05)
build_inline_code(["106_16", "38_16"], 2023, "51", 6283, "v01", "jpg", "/search.aspx?search=2023516283&msg=New+%26+Exclusively+Ours", "Exclusively Ours New Arrivals");
// Top Rated Panties 6292 (1/29 - 3/05)
build_inline_code(["32_25"], 2024, "01", 6292, "v02", "jpg", "/search.aspx?search=2024016292&msg=Top+Rated+Panties", "Top Rated Panties");
// RESORT BRA-SIZED SWIM 6284 (02/15 - 03/05)
build_inline_code(["31_25"], 2023, "51", 6284, "v01", "jpg", "/search.aspx?search=2023516284&drv=4294959444%2c4294951458&msg=Bra%2DSized+Swim", "Bra-Sized Swim");
// Activewear New Arrivals 6285 (02/15 - 03/05)
build_inline_code(["121_25"], 2023, "51", 6285, "v01", "jpg", "/search.aspx?search=2023516285&msg=Active+New+Arrivals", "Activewear New Arrivals");
// Swim Season Kickoff 6299 (02/15 - 03/05)
build_inline_code(["121_16", "106_25", "33_36", "165_25"], 2024, "03", 6299, "v01", "jpg", "/search.aspx?search=2024036299&drv=4294959444&msg=New+Arrivals+In+Swim", "Swim Season Kickoff");
// Best of Curvy Brands 6301 (02/15 - 03/05)
build_inline_code(["31_16", "32_36", "33_16", "38_25", "121_36", "165_36"], 2024, "03", 6301, "v01", "jpg", "/search.aspx?search=2024036301&drv=4294959178&msg=Best+Of+Curvy+Brands", "Best of Curvy Brands");
}
</script>
<div class="footer-customer-service-shipping">
<a href="javascript:void(0);" id="footer-international-shipto" rel="nofollow">Ship to: <img id="ctlFooter_FlagImage" class="footer-flag" src="https://as.static-barenecessities.com/imgfp/ver/007/img/International/Small/DE.gif" alt="Ship to DE"></a>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="grid-x">
<div class="small-12 cell text-center">
<!--Copyright Footer No-CCPA-->
<!-- 77203: Footer6 Copyright Line Non-CCPA content_1-2-2024 -->
<div class="grid-x legal-footer">
<div class="small-12 medium-12">
<span class="copyright">© 1997-2024, BareWeb, Inc., Bare Necessities<sup>®</sup></span>
</div>
<div class="small-12 medium-12 grid-x legals">
<div class="small-4 medium-2 columns">
<a href="/privacy.aspx">Privacy Policy</a>
</div>
<div class="small-4 medium-2 columns mobile-2-col">
<a href="/privacy.aspx/#choiceoptout">Interest Based Ads</a>
</div>
<div class="small-4 medium-2 columns mobile-only-controller">
<a href="/termsofuse.aspx">Terms of Use</a>
</div>
<div class="small-4 medium-2 columns mobile-2-col">
<a href="/customerservice.aspx#ordertax">Sales Tax Notice</a>
</div>
<div class="small-4 medium-2 columns">
<a href="/feature.aspx?pagename=accessibility">Accessibility</a>
</div>
<div class="small-4 medium-2 columns mobile-2-col end">
<a class="no-sale" href="#" onclick="BareNecessities.Compliance.StartComplianceRequest('OptOut');return false;" rel="nofollow noopener">Do Not Sell My Personal Information</a>
</div>
</div>
</div>
<!--Copyright Footer CCPA-->
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$("#global-footer").on("tap click", ".expandable", function(e) {
e.preventDefault();
if (Foundation.MediaQuery.is('small only')) {
$(this).find(".expander").toggleClass("expandable-target-selected");
$(this).siblings(".expandable-target").toggle();
var currentId = $(this).parent().attr("id");
var acc = $(this).parents(".mobile-accordion");
var tabs = acc.find(".expandable");
// Close all others.
tabs.each(function() {
var id = $(this).parent().attr("id");
if (id !== currentId) {
$(this).find(".expander").removeClass("expandable-target-selected");
$(this).siblings(".expandable-target").hide();
}
});
}
});
$("#global-footer").on("tap click", ".footer-back-top", function(e) {
e.preventDefault();
$("html,body").animate({
scrollTop: 0
});
});
</script>
</div>
<script>
try {
if (window.matchMedia("(max-width: 47.938em)").matches) {
$("#offCanvas, #mobile-menu-drilldown").foundation();
$("#hamburger_button").on("tap click", function(e) {
e.preventDefault();
$("#offCanvas").foundation("open", e, $(this));
});
$("#mobile-menu-close").on("tap click", function(e) {
e.preventDefault();
$("#offCanvas").foundation("close", e, $(this));
});
}
} catch (err) {
/* eat it */ }
</script>
<style type="text/css">
.nav-mobile-menu-content-wrapper .is-drilldown.animate-height {
max-width: unset !important;
}
</style>
<div class="off-canvas position-right desktop-side-menu nav-mobile-menu theme-light width- is-transition-overlap is-closed" id="account-menu" data-off-canvas="lcge3t-off-canvas" data-content-scroll="false" aria-hidden="true">
<!-- Your menu or Off-canvas content goes here -->
<div class="nav-mobile-menu-content-wrapper">
<div class="is-drilldown animate-height" style="height: 511.688px; max-width: 450px;">
<ul class="dropdown vertical medium-horizontal menu grid-y drilldown" style="z-index: 5; " data-responsive-menu="drilldown medium-dropdown" data-auto-height="true" data-animate-height="true" data-drilldown="1bm51i-drilldown" role="menubar"
aria-multiselectable="false" data-mutate="lshjo8-drilldown">
<li id="account-menu-logo-area" class="close" role="none">
<div>
<header class="nav-mobile-menu-header grid-x py-8 px-8 cursor-pointer show-for-small-only">
<div id="specialHeaderSignature-cont" class="cell small-2 pr-12">
<svg id="specialHeaderLogo" viewBox="0 0 39 24" class="nav-mobile-header fill-charcoal">
<use href="#bn-signature"></use>
</svg>
</div>
<div class="cell auto">
<svg viewBox="0 0 613 77" class="nav-mobile-header fill-charcoal">
<use href="#bn-logo"></use>
</svg>
</div>
<div class="cell small-4 grid-x align-right" data-toggle="account-menu" aria-expanded="false" aria-controls="account-menu">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" class="close-icon" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00002 18.7279L18.7279 6M18.7279 18.7279L6 6" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</header>
<header class="nav-mobile-menu-header grid-x py-8 px-8 cursor-pointer hide-for-small-only">
<div class="cell small-10 pr-12">
<div style="display:inline-block; min-width: 53px;">
<svg id="specialHeaderLogo" viewBox="0 0 39 24" class="nav-mobile-header fill-charcoal">
<use href="#bn-signature"></use>
</svg>
</div>
<div style="display: inline-block;min-width: 181px;vertical-align: top;">
<svg viewBox="0 0 613 77" class="nav-mobile-header fill-charcoal">
<use href="#bn-logo"></use>
</svg>
</div>
</div>
<div class="cell small-2 grid-x align-right" data-toggle="account-menu" aria-expanded="false" aria-controls="account-menu">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" class="close-icon" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00002 18.7279L18.7279 6M18.7279 18.7279L6 6" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</header>
</div>
</li>
<li role="none">
<a href="https://www.barenecessities.com/secure/MyAccount/SignIn.aspx" class="grid-x align-middle" role="menuitem">
<span class="text">My Account</span>
<span>
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 17.9512L15 12.9512L10 7.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</li>
<li role="none">
<a rel="nofollow" href="https://www.barenecessities.com/secure/ShipmentStatus.aspx" title="Find My Order" class="grid-x align-middle" role="menuitem">
<span class="text">My Orders</span>
<span>
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 17.9512L15 12.9512L10 7.95117" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</li>
<li class="divider" role="none"></li>
<!-- 77151: MyAccountNav7 - Loyalty not signed in - ShippingThreshold50 -->
<li role="none">
<h3 class="header-3 text">Seamless Perks</h3>
</li>
<li role="none">
<p class="body-1 text myAccountLoyaltyBenefit">Enjoy Free Shipping on Orders over $50</p>
</li><!--77020: SLIDE-IN: Seamless_NotEnrolled_CID:6168 - V0.01-->
<style>
@media screen and (min-width: 48em) {
#JOIN_SEAMLESS_SlideIn img {
margin-bottom: .718845rem;
}
}
</style>
<div id="JOIN_SEAMLESS_SlideIn" class="seamless" style="width: 100%;">
<a href="/secure/MyAccount/SignIn.aspx?sm=cao" manual_cm_sp="slide_in-_-16.20-_-6168_loyalty" onclick="gtag('event', 'select_content', {promotions: [{id: '6168_loyalty', name: 'slide_in'}], 'event_label':'6168_loyalty', 'event_category':'slide_in'});" class="cell" title="Become a Seamless Loyalty Member" style="display: block;" role="menuitem">
<img src="https://as.static-barenecessities.com/imgfp/ver/007/img/dcm/2023/other/loyalty/loyalty_hamburger.jpg" alt="Become a Seamless Loyalty Member" style="aspect-ratio: 271 / 150;">
</a>
</div>
<li id="signupin-btns" style="min-height: 110px;" role="none">
<div class="grid-x grid-padding-x">
<div class="cell small-6" style="padding-left: 0px;">
<button type="button" id="signupButton" onclick="document.location.href='https://www.barenecessities.com/secure/MyAccount/SignIn.aspx?sm=cao;'" class="button primary-cta color-charcoal">
<span class="text">Sign Up</span>
</button>
</div>
<div class="cell small-6" style="padding-right: 0px;">
<button type="button" id="signinButton" onclick="document.location.href='https://www.barenecessities.com/secure/MyAccount/SignIn.aspx?sm=sio;'" class="button secondary-cta color-white">
<span class="text">Sign In</span>
</button>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="myAccountLeftStitching">
<svg width="95" height="59" viewBox="0 0 95 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M94 58.293L2.65632e-06 51.8606L94 44.082L1.20472e-06 35.2563L94 29.4223L6.69764e-08 22.242L94 15.8097L-1.16231e-06 8.18066L94 1.00038" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="95" height="59" viewBox="0 0 95 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M94 58.293L2.65632e-06 51.8606L94 44.082L1.20472e-06 35.2563L94 29.4223L6.69764e-08 22.242L94 15.8097L-1.16231e-06 8.18066L94 1.00038" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="95" height="59" viewBox="0 0 95 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M94 58.293L2.65632e-06 51.8606L94 44.082L1.20472e-06 35.2563L94 29.4223L6.69764e-08 22.242L94 15.8097L-1.16231e-06 8.18066L94 1.00038" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
</div>
<div class="myAccountRightStitching">
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
<svg width="50" height="31" viewBox="0 0 50 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49 30.2559L1.00003 26.9713L49 22.9992L1.00003 18.4924L49 15.5134L1.00003 11.8469L49 8.56228L1.00003 4.66661L49 1.00009" stroke="#E6E0DD" stroke-width="1.07492"></path>
</svg>
</div>
</div>
<div class="js-off-canvas-overlay is-overlay-fixed"></div>
<style>
ul.parentSearchSuggestDimensionsGroup {
margin-left: 2rem;
}
.searchSuggestProducts {
display: block !important;
}
</style>
<div id="search-menu" class="off-canvas position-right desktop-side-menu nav-mobile-menu theme-light width-full is-transition-overlap is-closed" data-off-canvas="zxh30c-off-canvas" data-content-scroll="false" data-close-on-click="true"
data-content-overlay="true" aria-hidden="true">
<!-- Your menu or Off-canvas content goes here -->
<div class="nav-mobile-menu-content-wrapper">
<div class="is-drilldown animate-height" style="height: 150px; max-width: 1600px;">
<ul class="dropdown vertical medium-horizontal menu grid-y drilldown" data-responsive-menu="drilldown medium-dropdown" data-auto-height="true" data-animate-height="true" data-drilldown="eztto5-drilldown" role="menubar"
aria-multiselectable="false" data-mutate="yaf959-drilldown">
<li class="search-header" role="none">
<div class="grid-x align-center search-bar" style="position: relative;">
<label class="search-icon" for="txtSearch">
<svg width="100%" height="100%" viewBox="0 0 24 25" fill="none" class="" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.7637 14.2397C17.6649 14.4975 17.7938 14.7867 18.0516 14.8855C18.3094 14.9844 18.5986 14.8555 18.6975 14.5977L17.7637 14.2397ZM13.2573 19.8182C13.519 19.7302 13.6598 19.4466 13.5717 19.1849C13.4836 18.9232 13.2 18.7824 12.9383 18.8705L13.2573 19.8182ZM10.4336 19.2786C6.09944 19.2786 2.58594 15.765 2.58594 11.4309H1.58594C1.58594 16.3173 5.54716 20.2786 10.4336 20.2786V19.2786ZM2.58594 11.4309C2.58594 7.0968 6.09944 3.58329 10.4336 3.58329V2.58329C5.54716 2.58329 1.58594 6.54451 1.58594 11.4309H2.58594ZM10.4336 3.58329C14.7677 3.58329 18.2812 7.0968 18.2812 11.4309H19.2812C19.2812 6.54451 15.32 2.58329 10.4336 2.58329V3.58329ZM18.2812 11.4309C18.2812 12.4216 18.0979 13.3683 17.7637 14.2397L18.6975 14.5977C19.0747 13.6138 19.2812 12.5459 19.2812 11.4309H18.2812ZM12.9383 18.8705C12.1524 19.135 11.3102 19.2786 10.4336 19.2786V20.2786C11.4201 20.2786 12.3699 20.1169 13.2573 19.8182L12.9383 18.8705Z"
class="fill-charcoal"></path>
<path d="M16.6953 17.6927L22.2291 23.2264" class="stroke-charcoal" stroke-linecap="round"></path>
</svg>
<span class="show-for-sr">Search</span>
</label>
<input class="search-input cell auto body-3" type="search" name="search" id="txtSearch" autofocus="" autocomplete="off" maxlength="200" placeholder="Search" value="">
<div id="drpSearch-longtext-curtain"></div>
<div id="drpSearch-clear"> clear </div>
<div class="search-close" data-toggle="search-menu" aria-expanded="false" aria-controls="search-menu">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" class="close-icon" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00002 18.7279L18.7279 6M18.7279 18.7279L6 6" class="stroke-charcoal" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
</li>
<li class="search-content" role="none">
<div class="search-block">
<div id="suggestResults" class="grid-x">
<div id="suggestResultsTermsContainer" class="search-column cell small-12 medium-3 large-2">
<ul id="suggestResultsTerms">
</ul>
</div>
<div class="search-column cell medium-9 large-10 show-for-medium">
<div id="suggestResultsTermHeader" class="body-3 bold column-title"></div>
<div id="suggestedResultsProducts" class="grid-x grid-padding-x medium-up-6 search-cards">
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="js-off-canvas-overlay is-overlay-fixed"></div>
<script>
$(document).on("click tap", "#txtSearch", function(e) {
e.stopImmediatePropagation();
});
$("#txtSearch").focus(function(e) {
var that = this;
setTimeout(function() {
that.selectionStart = that.selectionEnd = 1000;
}, 0);
});
$(".search-close").on("click tap", function(e) {
BareNecessities.hideSearchSuggest();
});
(function() {
var img = document.createElement("img");
img.src = "https://as.static-barenecessities.com/imgfp/ver/007/img/icon/recent_icon.png";
img.style.display = "none";
document.body.appendChild(img);
})();
$(document).on("click tap", "#drpSearch-clear", function(e) {
e.preventDefault();
var d = $("#txtSearch");
d.val("");
$("#drpSearch-clear").hide();
if (d.is(":visible")) {
d.focus();
}
// Any terms?
if ($(".deleteTerm").length === 0) {
BareNecessities.recentSearch(true);
return;
}
});
var debouncedHandler = BareNecessities.debounce(function(e, $this) {
var url = "https://www.barenecessities.com/AjaxService.aspx?req=typeahead&query={0}";
if (e.which === 38) {
e.preventDefault();
BareNecessities.upDown(function(k) {
return k - 1;
});
} else if (e.which === 40) {
e.preventDefault();
BareNecessities.upDown(function(k) {
return k + 1;
});
} else if (e.which === 37 || e.which === 39) {
e.preventDefault();
} else {
if ($this.val().length < 1) {
$("#drpSearch-clear").hide();
}
if ($this.val().length < 2) {
return;
}
$("#drpSearch-clear").show();
BareNecessities.getSearchSuggest(url, $this.val(), "", BareNecessities.handleSearchSuggest, BareNecessities.handleSearchSuggestFailure);
}
}, 200);
var keyDownHandler = function(e) {
var $this = $(this);
if (e.which === 13) {
e.preventDefault();
dosearch($this);
} else debouncedHandler(e, $this);
};
$(document).on("keydown", "#txtSearch", keyDownHandler);
$("#suggestResults").on("mouseover", "a.searchSuggestTerms", BareNecessities.debounce(function(e) {
var $this = $(this);
var url = "https://www.barenecessities.com/AjaxService.aspx?req=flyout&query={0}&drv={1}";
var term = $this.data("search");
var phrase = $this.data("name");
var dimVal = "";
if (typeof $this.data("dimval") !== "undefined" && $this.data("dimval") !== null && $this.data("dimval") !== "") {
dimVal = new String($this.data("dimval"));
}
BareNecessities.getSearchSuggest(url, term, dimVal, function(results, t) {
BareNecessities.handleSearchProducts(results.sections.Products, t, phrase);
}, function() {});
// Her temp phantom phrase added by recentSearches.
if ($this.parent("li").length === 0) {
$this.remove();
}
}, 200));
$(document).on("click tap", "a.searchSuggestTerms, a.searchSuggestProducts", function(e) {
var search = decodeURIComponent($(this).data("search"));
var userData = BareNecessities.getPixelUserData();
var usArgs = {
eventId: BareNecessities.GetUniqueId(),
term: search,
url: "https%3a%2f%2fwww.barenecessities.com%2f",
user_data: BareNecessities.getPixelUserData()
};
$(document).trigger("userSearch", usArgs);
});
</script>
<script>
(function() {
var beaconRequest = function(data, action) {
$.ajax({
type: "POST",
url: "https://www.barenecessities.com/partners/beaconservice.aspx?ld=0&csr=0&action=" + action,
cache: false,
data: JSON.stringify(data),
dataType: "json",
global: false,
headers: {
"X_CSRF_TOKEN": "6c03597c-d476-440b-9001-f25f684ced88"
}
});
};
$(document).on("userPageView", function(e, obj) {
beaconRequest(obj, "pageView");
});
$(document).on("productView", function(e, obj) {
beaconRequest(obj, "productView");
});
$(document).on("userSearch", function(e, obj) {
if (obj.term && obj.term.length === 0) {
return;
}
beaconRequest(obj, "userSearch");
});
$(document).on("initCheckout", function(e, obj) {
obj.url = "https%3a%2f%2fwww.barenecessities.com%2f";
beaconRequest(obj, "initCheckout");
});
BareNecessities.EventManager.Subscribe("BNBeacon", "plpView", (sender, args) => {
beaconRequest(args, "plpView");
});
$(document).on("addToCart", function(e, obj) {
obj.url = "https%3a%2f%2fwww.barenecessities.com%2f";
beaconRequest(obj, "addToCart");
});
$(document).on("purchaseEvent", function(e, obj) {
//data, subTotal, orderNumber, international
if (typeof obj.orderNumber !== "string" || obj.orderNumber.length === 0) {
return;
}
obj.url = "https%3a%2f%2fwww.barenecessities.com%2f";
beaconRequest(obj, "purchaseEvent");
});
$(document).on("bagUpdated", function(e, obj) {
obj.url = "https%3a%2f%2fwww.barenecessities.com%2f";
beaconRequest(obj, "bagUpdated");
});
$(document).on("emailEntered", function(e, obj) {
obj.url = "https%3a%2f%2fwww.barenecessities.com%2f";
beaconRequest(obj, "emailEntered");
});
})();
</script>
<script>
var BN_PageData = {
"GlobalContext": {
"ABTesting.Scenario": "off",
"AcernoEnabled": "False",
"AcernoOrderFinalEnabled": "False",
"AdaptiveEnabled": "true",
"AddToBagSlideoutMaxNumOfCtlProductsToDisplay": "2",
"AddToBagSlideoutMaxNumOfRecommendProductsToDisplay": "4",
"AppDomain": "www.barenecessities.com",
"BeforeAfterImageSliderEnabled": "False",
"BillboardPopupCookieExpirationDays": "1",
"BillboardPopupEnabled": "True",
"BorderFreeEnabled": "True",
"BraFinderEnabled": "False",
"BraFinderSelectSizeEnabled": "True",
"BraFinderSelectStyleEnabled": "True",
"BraFinderSelectVendorEnabled": "False",
"BraSizeDisplayEnabled": "True",
"BraSizeScaleEnabled": "True",
"BraSizeState": "0",
"CacheDomain": "https:\/\/as.static-barenecessities.com\/imgfp\/ver\/007\/",
"CacheDomainInstancesEnabled": "False",
"CanonicalLinkEnabled": "True",
"CanonicalUrlVersion": "1",
"CatalogLeftNavContainerExpansionCount": "all",
"CatalogLeftNavRefinementInitialDisplayCount": "12",
"CCPA.OptOutOfSaleEnabled": "True",
"CertonaGlobalTimeout": "30000",
"CertonaRecommendationsEnabled": "true",
"CertonaRecommendationsTimeout": "20000",
"ClientSideLoggingEnabled": "False",
"ColorTheme": "theme-light",
"CompleteTheLookLayerEnabled": "False",
"CSSRootPath": "https:\/\/www.barenecessities.com\/css\/ver\/766A5436401058DE5E8BD1C3C7EC83F6479D7068\/",
"CurrentDay": "18",
"CurrentMonth": "2",
"CurrentProtocol": "https",
"CurrentYear": "2024",
"CustomerServicePhoneNumber": "732.902.5400",
"desktopHeaderLightThemeEnabled": "True",
"ExternalId": null,
"FirstTimeOnSite": "True",
"Global21Enabled": "True",
"GoogleAnalyticsAccount": "UA-25215317-1",
"GoogleAnalyticsEcommerceTrackingEnabled": "True",
"GoogleAnalyticsEnabled": "True",
"GoogleAnalyticsSiteSpeedEnabled": "True",
"GoogleAnalyticsSiteSpeedSampleRate": "1",
"GoogleAnalyticsSocialAnalyticsEnabled": "True",
"GoogleAnalyticsTrackEventEnabled": "False",
"GoogleAnalyticsTrackPageViewEnabled": "True",
"GooglePixelEnabled": "True",
"GoogleRecaptchaSignIn_Enabled": "True",
"ImageDomain": "DEPRECATED-DONOTUSE",
"InitialIntent": null,
"Instance": "82",
"IsGoogleActive": "True",
"IsKnown": "false",
"IsKnownOrEidMember": "false",
"IsMember": "false",
"IsSecured": "true",
"ItemsInCartPopUpCookieExists": "False",
"ItemsInCartPopUpCookieExpirationDays": "1",
"ItemsInCartPopUpDelay": "0",
"ItemsInCartPopUpEnabled": "True",
"JSRootPath": "https:\/\/www.barenecessities.com\/js\/ver\/766A5436401058DE5E8BD1C3C7EC83F6479D7068\/",
"LeadBacksEnabled": "False",
"LeadBacksOrderFinalEnabled": "False",
"Loyalty": {
"IsEnrolled": "False"
},
"LoyaltyProgramEnabled": "True",
"MobileAddToBagLayerButtonsEnabled": "True",
"MobileAddToBagMaxNumOfCtlProductsToDisplay": "2",
"MobileAddToBagMaxNumOfRecommendedProductsToDisplay": "4",
"MobileColorTheme": "theme-dark",
"mobileHeaderLightThemeEnabled": "False",
"MobileSVGFill": "fill-cream",
"MobileSVGStroke": "stroke-cream",
"MyAccountAddressBookEnabled": "True",
"MyAccountBenefitsEnabled": "True",
"MyAccountEmailSignInEnabled": "False",
"MyAccountFAQEnabled": "True",
"MyAccountOrderHistoryEnabled": "True",
"MyAccountPaymentsEnabled": "False",
"MyAccountProductReviewsEnabled": "False",
"NeedlePixelEnabled": "True",
"OverrideLocalDomainEnabled": "False",
"PageTestingEnabled": "False",
"PayPalEnabled": "True",
"PLPClearAllEnabled": null,
"PLPNumberOfSwatchesToShow": "5",
"PLPRatingsEnabled": "True",
"PLPStyleNumberEnabled": "false",
"PrivacyComplianceManagementEnabled": "True",
"ProductReviewsEnabled": "True",
"ResponsysPixelEnabled": "False",
"searchcols": "3",
"SearchLeftNavContainerExpansionCount": "all",
"SearchLeftNavRefinementInitialDisplayCount": "12",
"SearchTextPrompt": "Search",
"SessionDurationMilliseconds": "0",
"ShowCertonaPLA": "false",
"ShowDCMTemplatesEnabled": "False",
"SimilarStylesEnabled": "True",
"Site.Design.Version": "3.0",
"SiteExperience": "BareNecessities",
"SiteExperienceBarePlusEnabled": "True",
"SlideoutAddThumbnailEnabled": "True",
"SlideoutBuyTheLookEnabled": "False",
"SlideoutCookieExpirationName": "BNSlideoutOriginalExpiration",
"SlideoutCookieName": "BNSlideoutTimesExecuted",
"SlideoutEnabled": "True",
"SlideoutMaxPerSession": "4",
"SlideoutMultiAddProductEnabled": "True",
"SlideoutProductPageEnabled": "True",
"SlideoutSessionMinutes": "480",
"StoredValuePaymentEnabled": "True",
"SVGFill": "fill-charcoal",
"SVGStroke": "stroke-charcoal",
"TellApartEnabled": "False",
"TellApartOrderFinalEnabled": "False",
"ThumbNailInitialNumberOfImagesToDisplay": "4",
"ThumbNailLazyLoadEnabled": "True",
"Ticks": "638438187558108658",
"UserContextCookieLoggingEnabled": "False",
"VendorLeftNavContainerExpansionCount": "all",
"WelcomeName": null
}
};
BareNecessities.Initialize.Register("ClientContext", BareNecessities.LoadDictionary);
BareNecessities.Initialize();
$(document).trigger('bn.pagedata.loaded');
</script>
</form>Text Content
Skip to main
Free Gifts With $100 & $200+ order! Free Gifts With $100 & $200+! Details
30% Off Presidents' Day Sale
NEW CLEARANCE MARKDOWNS — UP TO 70% OFF!
Free Gifts With $100 & $200+ order! Free Gifts With $100 & $200+! Details
30% Off Presidents' Day Sale
NEW CLEARANCE MARKDOWNS — UP TO 70% OFF!
Free Gifts With $100 & $200+ order! Free Gifts With $100 & $200+! Details
0
find my fit
0
* Shop By Bra Size
* New
JUST IN
ON TREND
MOST WANTED
NOW FEATURING
* Bras
* Panties
* Swim
* Active
* Sleepwear
* Sexy Lingerie
* Shape
* Made By Bare Necessities
* The Swim Edit
* Sports Bras that Slay
* T-Shirt Bras
* Bodysuits
* Cover Ups
* UK-Sized Brands
* Beach Riot
* Birdsong
* Camio Mio
* Hanky Panky
* Panache
* PJ Salvage
* Ugg
* Shop By Bra Size
* Bra-Sized Swimwear
* Our Exclusive Panty Deals
* 3 for $48 Panties
* Today's Deals
* In The Press
* Gift Cards
* Bras
FEATURED
TOP STYLES
* Bra Finder
* DD+ Bras
* Best Sellers
* Exclusively Ours
* Plus-Size Bras
* Bras on Sale
* Wire-Free Bras
* Sports Bras
* T-Shirt Bras
* Minimizer Bras
* Underwire Bras
* Strapless Bras
* Bralettes
* Front-Close Bras
* Push-Up Bras
* Racerback Bras
* Nursing & Maternity
* Mastectomy
* Balconette
* Plunge
* Lightly Lined Bras
Bra Fit Finder
Meet Bare by Bare Necessities
* Panties
FEATURED
TOP STYLES
* Best Sellers
* 3 for $48 Panties
* Expert Panty Picks
* Exclusively Ours
* Panties On Sale
* Thongs
* Hi-Cut Briefs
* Briefs
* Bikinis
* Crotchless
* Boyshorts
* Cheeky
* Hipster
* G-String
* Shaping & Control
* Seamless
* Sheer
* Multi-Packs
* Leak Proof
* Plus Size
Comfy, Classic Cotton
Top-Rated Panties
* Swim
FEATURED
TOP STYLES
* Shop Swim By Bra Size
* DD+ Swimsuits
* Best Sellers
* New Arrivals
* Exclusively Ours
* Swimwear on Sale
* DD+ Swimsuits
* Bra-Sized Swimwear
* Tankinis
* Bikinis
* One-Piece Swimsuits
* Plus-Size Swimsuits
* Swim Cover-Ups
* Slimming Swimsuits
* High-Waisted Bikini Bottoms
* Underwire Swimsuits
* Skirted Swimsuits
The Swim Edit
* Active
FEATURED
SPORTS BRAS
TOP STYLES
* New Arrivals
* Best Sellers
* DD+ Sports Bras
* Exclusively Ours
* Plus-Size Activewear
* Activewear on Sale
* High Impact
* Medium Impact
* Low Impact
* Shop All
* Leggings & Yoga Pants
* Dresses & Skirts
* Shorts
Sporty New Arrivals
* Sleep
FEATURED
SLEEPWEAR
LOUNGEWEAR
* New Arrivals
* Best Sellers
* Exclusively Ours
* Sleepwear on Sale
* Nightgowns & Sleepshirts
* Pajama Sets
* Sexy Sleepwear
* Robes & Kimonos
* Chemises & Babydolls
* Pajama Tops
* Pajama Bottoms
* Bridal Sleepwear
* Slippers
* Loungewear Sets
* Joggers & Sweatpants
* Tank Tops
* Sweatshirts & Hoodies
Dreamy New Arrivals
* Lingerie
FEATURED
TOP STYLES
* Best Sellers
* New Arrivals
* Sexy Sets Under $50
* Plus-Size Lingerie
* Lingerie on Sale
* Babydolls & Chemises
* Teddies
* Bodysuits
* Crotchless
* See-Through Lingerie
* Sexy Panties
* Garters & Garter Belts
* Corsets & Bustiers
* Sexy Bras
* Sexy Sleepwear
Innerwear Goes Out
* Shape
FEATURED
TOP STYLES
TARGET AREA
* Best Sellers
* New Arrivals
* Exclusively Ours
* Plus-Size Shapewear
* Shapewear on Sale
* Shaping Bodysuits
* Shaping Panties
* Slimming Camisoles
* Mid-Thigh Shapers
* Shaping Leggings
* High-Waisted Panties
* Longline Bras
* Bridal Shapewear
* Back-Smoothing Bras
* Backless
* Controls Tummy
* Allover Control
* Trims Waist
* Slims Hips & Thighs
* Smooths Back
* Trims Torso
* Shapes Rear
Shapewear Solutions
* Bridal
FEATURED
TOP STYLES
* Best Sellers
* New Arrivals
* Bridal Shapewear
* Bras & Panties
* Sleepwear
* Lingerie
* Shapewear
* Swimwear
* Accessories
The Wedding Shop
* Sale
FEATURED
DEPARTMENTS
* Clearance
* New Markdowns
* Top-Rated Bra Sale
* BN Outlet
* Bras
* Panties
* Swimwear
* Sleepwear
* DD+
* Sexy Lingerie
* Activewear
* Shapewear
* Plus-Size Bras
* Hosiery
* More
FEATURED
DEPARTMENTS
* Bra Finder
* Shop Your Bra Size
* New Arrivals
* Exclusively Ours
* Today's Deals
* Sale
* DD+ Styles
* Hosiery
* Plus Size
* Maternity & Nursing
* Accessories
* Men's
* Socks
* Slippers
* Mastectomy
* Luxury Edit
*
* Brands
BRAS
PANTIES
SLEEP
ACTIVE
SHAPE
* Wacoal
* Bare
* Chantelle
* Panache
* Freya
* Empriente
* Camio Mio
* Reveal
* Natori
* Elomi
* Fantasie
* Glamorise
* Bali
* Warner's
* Hanky Panky
* Vanity Fair
* Bare
* Olga
* Natori
* Calvin Klein
* PJ Harlow
* Bare
* Hanro
* Papinelle
* Lauren By Ralph Lauren
* Polo by Ralph Lauren
* Ugg
* Bare
* Body Up
* Panache
* Glamorise
* Anita
* Sweaty Betty
* Spanx
* Honey Love
* TC Fine Intimates
* SWIM
* Birdsong
* Sunsets
* Fantasie
View All Brands
* Learn
* Featured
FEATURED
* The "I Do" List
* An Epic Spring Break
* What Your Favorite Color Says
* Bare by Bare Necessities
* Living Intimately with Wacoal
* The Power of Lingerie
* Mindblowing Sports Bras
* Expert Advice
EXPERT ADVICE
* How to Measure Your Bra Size
* Sports Bra Fit Guide
* How to Clean Swimsuits
* Bralette Fit Guide
* When to Replace Bras
* How to Wash Lingerie
* How to Choose Shapewear
* How to Wash Your Bras
* Shopping Advice
SHOPPING ADVICE
* Sports Bras for Running
* Best Backless Bras
* Best Seamless Underwear
* Bras for Older Women
* Strapless Bras for Large Busts
* Best Everyday Bras
* Bras for Small Breasts
* Bras for Every Breast Shape
* Bra Alternatives
* Best Underwear for Working Out
* Style Advice
STYLE ADVICE
* 2023 Swimsuit Trends
* Bikini Buying Guide
* 16 Types of Bras
* Best Shapewear for Dresses
* Types of Panties
* Lingerie Style Guide
* 2023 Lingerie Trends
* Swimsuit Style Guide
* Learn More
Select styles.
Click for sound
BRAS PANTIES SWIM SLEEP ACTIVE SHAPE Shop All
Suit Yourself
From bra-sized to shaping, wWe only do swim you feel incredible in.
Bikinis Tankinis One-Pieces Bra-Sized Shaping Plus Size SHOP ALL
10 for $35 Panties
Shop Panties
Best Brands for Curves | Bands 38-46, Cups A-N
End your search with our expert edit.
Bands 38-46, Cups A-N
Shop All
Great British Brands
Count on these across-the-pond
bras to deliver chic support.
Shop UK Bras
Shop
BRA
STYLE
GUIDE
Shop
PUSH-UP
SIDE SUPPORT
T-SHIRT BRA
MINIMIZER
SPORTS BRA
UNLINED
WIRE-FREE
FRONT-CLOSE
CURVY
STRAPLESS
PLUNGE
DEMI
INTIMATE STORIES
JUST PEACHY
Find the super flattering color of the year, Peach Fuzz, in every category.
Explore
TOP-RATED PANTIES
Five-star, tried-and true favorites.
Explore
DOING WELL
Cool new activewear will help keep your motivation up where it belongs.
Explore
SHOP BY TREND
* NEW AND NOW BRAS
MAROON ACTIVE
COLOR-BLOCK SWIM
SLEEP LIGHTENS UP
* NEW AND NOW BRAS
* MAROON ACTIVE
* COLOR-BLOCK SWIM
* SLEEP LIGHTENS UP
Wacoal
Visual Effects Strapless Minimizer Bra
EUR 71.08
(5)
+2
Elomi
Lucie Side Support Plunge Bra
EUR 39.48 - EUR 68.12
Presidents' Day Sale
(28)
Panache
Allure Full Cup Bra
EUR 70.09
(5)
Sustainable
Freya
Undetected T-Shirt Bra
EUR 65.16
Wacoal
Shape Revelation Pendulous Bra
EUR 75.03
(6)
Shop
All
NEW AND NOW BRAS
MAROON ACTIVE
COLOR-BLOCK SWIM
SLEEP LIGHTENS UP
Wacoal
Visual Effects Strapless Minimizer Bra
EUR 71.08
(5)
+2
Elomi
Lucie Side Support Plunge Bra
EUR 39.48 - EUR 68.12
Presidents' Day Sale
(28)
Panache
Allure Full Cup Bra
EUR 70.09
(5)
Sustainable
Freya
Undetected T-Shirt Bra
EUR 65.16
Wacoal
Shape Revelation Pendulous Bra
EUR 75.03
(6)
Shop
All
AT BARE NECESSITIES, WE LIVE, LOVE AND OBSESS OVER BRAS
OUR MISSION
SINCE 1998
We make bra shopping better with unrivaled assortment, expertise and customer
experience. The right styles, brands and fits for your body, guaranteed.
EVERY FIT IS
PERSONAL
Our Bra Fit Experts stop at nothing to find you the perfect fit. Chat online or
call 877-728-9272 (select option 4) for a free bra fitting or personal shopping
advice. We're here Monday-Wednesday 8:30am-8:00pm EST and Thursday-Friday
8:30am-5:00pm EST.
EVERY BODY
BELONGS
Discover over 80 of the world's most well-known bra brands in an unmatched size
range (bands 28 to 56 and cups AA to O); our own brands (Bare lingerie, Birdsong
swimwear, Body Up activewear); the top swimwear (including plus-size swim
bra-sized swim; and DD+ swimsuits), shapewear, sexy lingerie, sleepwear,
activewear, panties, hosiery, men's and more. The labels you love are all here,
like Wacoal, Chantelle, Elomi, Freya, SPANX, Bali, Natori, Panache and
Glamorise.
EVERYTHING
YOU NEED
With Bare Necessities, you don't need to spend hours searching for bras. Get
what you want faster with our Bra Finder, Bra Size Calculator, Shop by Bra Size
or Shop by Swim Size pages, and let us do the work for you.
The Fit Finder
You're more than a letter and number;
fit matters most.
Now let's get you a bra!
FIND YOUR PERFECT FIT
TAKE THE QUIZ
You're more than a letter and number; fit matters most. Now let's get you a bra!
Become a
SEAMLESS
Loyalty Member Sign Up
--------------------------------------------------------------------------------
Back to top Back to Top
EXPLORE MORE
Bras
Panties
Lingerie
Swim
Shape
Sleep
Active
Today's Deals
Clearance
EXPLORE
Customer Support
FAQs
Shipping Information
Bra Fit Experts
Returns & Exchanges
Contact Us
Shop by Style #
Fit Tips & Advice
Blog
Guides & Glossaries
Bra Finder
Lingerie Styles for Every Body Type
How to Measure Your Bra Size
Types of Bras
Bare Necessities
About Us
Careers
e-Gift Certificates
View All Brands
Bare Necessities Reviews
In The Press
Affiliates
SEAMLESS Loyalty Program
LET'S STAY CONNECTED
Sign up and get $20 off your first order + FREE SHIPPING
Email Address
Offer valid for first-time subscribers only.
CUSTOMER SUPPORT
FAQs
Shipping Information
Bra Fit Experts
Returns & Exchanges
Contact Us
Shop by Style #
FIT TIPS & ADVICE
Guides & Glossaries
Bra Finder
Types of Bras
Lingerie Styles for Every Body Type
How to Measure Your Bra Size
BARE NECESSITIES
About Us
Careers
e-Gift Certificates
View All Brands
Bare Necessities Reviews
In The Press
Affiliates
SEAMLESS Loyalty Program
SHARE THE LOVE
NEED HELP? 732.902.5400
Ship to:
© 1997-2024, BareWeb, Inc., Bare Necessities®
Privacy Policy
Interest Based Ads
Terms of Use
Sales Tax Notice
Accessibility
Do Not Sell My Personal Information
*
* My Account
* My Orders
*
* SEAMLESS PERKS
* Enjoy Free Shipping on Orders over $50
* Sign Up
Sign In
* Search
clear
*
Close
Close
Our apologies...We are experiencing a technical issue with this page. Please
call us at 732.902.5400 and we'll gladly help you complete your order.
If you prefer, you may also email us at info@barenecessities.com. Please
include: Your name, where on our site you received the error, any questions you
may have, and how and when you'd like us to contact you. Our business hours are
Monday-Wednesday 8:30am-8:00pm EST and Thursday-Friday 8:30am-5:00pm EST.
LOVE IT? SAVE IT!
Please sign in to see your
most-loved finds.
GREAT TO SEE YOU
AGAIN!
Please sign in to see your
most-loved finds.
NEW TO BARE NECESSITIES?
Sign up to save your favorite styles, enjoy faster checkout and track your
orders.
RESET YOUR PASSWORD?
No Problem!
Enter your email address below.
THANK YOU!
Please check your inbox. You have been sent an email to verify your account and
reset your password.
WE'RE SORRY! WE HAVE ENCOUNTERED THE FOLLOWING ISSUES:
Email Address
RESET
Continue Shopping
Email Address Example: youremail@address.com
GO to enter your password
Password (cAsE sENsiTivE) Show Hide
GO
Go Back to entering email address
Forgot Your Password?
Welcome Back! WELCOME!
Our apologies...We are experiencing a technical issue with this page. Please
call us at 732.902.5400 and we'll gladly help you complete your order.
If you prefer, you may also email us at info@barenecessities.com. Please
include: Your name, where on our site you received the error, any questions you
may have, and how and when you'd like us to contact you. Our business hours are
Monday-Wednesday 8:30am-8:00pm EST and Thursday-Friday 8:30am-5:00pm EST.
×
INTERNATIONAL SHIPPING OPTIONS
Select the country you will be shipping to and your preferred billing currency.
There was an error. Please try again later.
Select Shipping Destination Albania Algeria Andorra Angola Anguilla Antigua and
Barbuda Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh
Barbados Belgium Belize Benin Bermuda Bhutan Bolivia Bonaire, Sint Eustatius and
Saba Bosnia and Herzegovina Botswana Brunei Darussalam Bulgaria Burkina Faso
Burundi Côte d'Ivoire Cambodia Cameroon Canada Cape Verde Cayman Islands Chad
Chile China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo,
Democratic Republic of the Congo, Republic of the Cook Islands Costa Rica
Croatia Curaçao Cyprus Czech Republic Denmark Djibouti Dominica Dominican
Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia
Falkland Islands (Malvinas) Faroe Islands Fiji Finland France French Guiana
French Polynesia Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada
Guadeloupe Guatemala Guernsey Guinea Guyana Haiti Holy See (Vatican City State)
Honduras Hong Kong Hungary India Indonesia Ireland Isle of Man Israel Italy
Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Korea, Republic of Kuwait
Kyrgyzstan Lao People's Democratic Republic Latvia Lebanon Lesotho Liberia Libya
Lithuania Luxembourg Macao Madagascar Malawi Malaysia Maldives Malta Marshall
Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia, Federated
States of Moldova, Republic of Monaco Mongolia Montenegro Montserrat Morocco
Mozambique Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua
Nigeria Niue North Macedonia, Republic of Norway Oman Pakistan Palau Panama
Papua New Guinea Paraguay Peru Philippines Poland Portugal Qatar Réunion
Romania Rwanda Saint Barthélemy Saint Kitts and Nevis Saint Lucia Saint Pierre
and Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and
Principe Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint
Maarten (Dutch part) Slovakia Slovenia Solomon Islands South Africa Spain Sri
Lanka Suriname Swaziland Sweden Switzerland Taiwan Tajikistan Tanzania, United
Republic of Thailand Timor-Leste Togo Tonga Trinidad and Tobago Tunisia Turkey
Turks and Caicos Islands Tuvalu Uganda United Arab Emirates United Kingdom
United States Uruguay Uzbekistan Vanuatu Vietnam Virgin Islands, British Wallis
and Futuna Zambia Zimbabwe
Select Currency Australian Dollar Bahamian Dollar Bahraini Dinar Balboa Barbados
Dollar Belize Dollar Boliviano Bosnian Convertible Mark British Pound Bulgarian
Lev Canadian Dollar Cayman Islands Dollar CFA Franc BCEAO CFA Franc BEAC Chilean
Peso Colombian Peso Cordoba Oro Costa Rican Colon Czech Koruna Danish Krone
Dominican Peso Egyptian Pound Euro Guarani Hong Kong Dollar Hungarian Forint
Indian Rupee Indonesian Rupiah Israeli Shekel Jamaican Dollar Japanese Yen
Jordanian Dinar Korean Won Kuwaiti Dinar Lempira Lilangeni Malayan Ringgit
Mexican Peso Moroccan Dirham Namibia Dollar Nepalese Rupee Netherlands Antillan
Guilder New Romanian Leu New Zealand Dollar Norwegian Krone Omani Rial Pakistan
Rupee Peruvian Nuevo Sol Philippine Peso Polish Zloty Qatari Riyal Quetzal Riel
Rufiyaa Russian Ruble Saudi Riyal Singapore Dollar South African Rand Sri Lanka
Rupee Swedish Krona Swiss Franc Taiwan Dollar Taka Tenge Thai Baht Turkish Lira
Ukraine Hryvnia United Arab Emirates Dirham Uruguay New Peso US Dollar Yuan
Renminbi
SET SHIPPING DESTINATION & CURRENCY
I WANT TO SHOP AS A US CUSTOMER
×
Your session expired.
Please click OK to refresh the page and continue.
OK
×
Looks like we’re bare at the moment. Please try again later.
PRIVACY PREFERENCE CENTER
When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All
MANAGE CONSENT PREFERENCES
STRICTLY NECESSARY COOKIES
Always Active
These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.
PERFORMANCE COOKIES
Performance Cookies
These cookies allow us to improve our Website’s functionality by tracking usage.
In some cases, these cookies improve the speed with which we can process your
request and allow us to remember site preferences you have selected. Refusing
these cookies may result in poorly-tailored recommendations and slow site
performance.
FUNCTIONAL COOKIES
Functional Cookies
These cookies are required for basic site functionality and are therefore always
enabled. These include cookies that allow you to be remembered as you explore
our Website within a single session or, if you request, from session to session.
They help make the shopping cart and checkout process possible as well as assist
in security issues and conforming to regulations.
TARGETING COOKIES
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.
BACK BUTTON BACK
Vendor Search Search Icon
Filter Icon
Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
Confirm My Choices
We use cookies to provide a performant, functional, and personalized site
experience. By clicking “Accept All Cookies”, you agree to the storing of
cookies on your device for these purposes.
NOTE: rejecting cookies can reduce the overall site experience
Accept All Cookies
Cookies Settings
We use our own and third party cookies to give you the best possible experience.
By using this site, you agree with our cookie policy.
✖
WELCOME
--------------------------------------------------------------------------------
SIGN UP
TO UNLOCK $20 OFF* SAVE ON SELECT STYLES IN YOUR
FIRST ORDER + GET FREE SHIPPING
FROM BARE NECESSITIES
Email Address
Continue
*To receive your $20 discount, add $70 of qualifying merchandise to your
shopping bag and enter your personal code in bag. Discount will appear in bag
after threshold has been met and your code has been entered. Not applicable on
purchases of: Anita, Chantelle, Elila, Elomi, Empriente, Fantasie, Freya,
Goddess, Hanky Panky, Hanro, Honeylove, Le Mystère, Marie Jo, Natori, Panache,
Polo Ralph Lauren Womens, Prima Donna, Simone Pérèle, Skarlett Blue, SPANX, UGG,
Wacoal.
Your individual code is good for one-time use and cannot be combined with other
promotional codes. Void where prohibited, taxed, or otherwise restricted. Not
applicable to prior purchases or e-Gift Certificates. Free, Fast Shipping
applies to U.S. orders only.
Close Closes Web Dialog