/* quick links mobile bar */
main .section.quick-links-bar-container { padding: 0 !important; background: var(--clr-brand-white); margin-block: 0 !important;} .section.quick-links-bar-container ul { padding: 0; } .quick-links-bar { padding-block: var(--spacing-m); margin: 0 !important; } .quick-links-bar ul li { padding-inline: var(--gutter-xs); } .quick-links-bar.no-overflow ul li { padding-inline: var(--gutter-s); flex: 1 1 auto !important; } .quick-links-bar.no-overflow ul li:not(:last-child) { border-right: 1px solid var(--text-color); } .quick-links-bar ul li a { text-transform: uppercase; color: var(--text-color); font-weight: var(--fw-bold); } @media (width >= 768px) { .section.quick-links-bar-container { display: none; } }
/* layout */
main > .section {margin-block-end: 1em;} main .section.full-bleed { padding-inline: 0; } .cta-wrapper:has(p.button-container + p.button-container) p.button-container a { margin-block-end: 0;} p.button-container { margin-block-end: 0 !important;} .fragment-wrapper > .section > div:not(.full-bleed) {max-width: var(--content-max-width);} main > .section.fragment-container { margin-block-end: var(--gutter-m); } main > .section.fragment-container:not(:has(.full-bleed)) { padding-inline: var(--gutter-m); } main > .section.promo-banner {display: none;} p:empty {display: none;}
.slide :where(h1,h2) {text-transform: uppercase;}
.slide :where(h1,h2) u {font-family: var(--heading-font-family-secondary);font-weight: 900; text-decoration:none;}
.slide :where(.button) { @media (width >= 1800px) {scale: 1.2; transform-origin: top left;}}
a:not([class]) {color: currentcolor;}
@media (width <= 599px) {.carousel-fallback-nav button, .content-carousel .carousel-slides-wrapper::scroll-button(left), .content-carousel .carousel-slides-wrapper::scroll-button(right) {
background: url('data:image/svg+xml,<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.71484 1.94455L9.94342 10.5001L1.71484 19.0557" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') 55% 50% / 20% no-repeat, radial-gradient(#fff 40%, black 45%, transparent 48%); border: none;}}
/* left pink line on headings */
.heading-left-border :where(h1, h2){position: relative; font-family: var(--ff-pragmatica-bold); font-weight: 700; text-transform: uppercase; line-height: 1.1;font-size: clamp(2rem, 1.8rem + 1vw, 3.8rem);margin: 0; max-width: max-content; margin-block:1em .25em;} .heading-left-border :where(h1, h2) em {font-family: var(--ff-scotch-display); font-weight: normal; text-transform: lowercase; display: block; line-height: .7;} .heading-left-border :where(h1, h2) em u {font-size: 118%; text-decoration: none; line-height: .5;} .heading-left-border :where(h1, h2)::before {content: ''; position: absolute; inset: 53% auto auto -0.35em; transform: translateY(-50%); display: block; width: .15em; height: 92%; background: #EB0A8C;} .heading-left-border .block-copy {margin-inline: auto; width: max-content;} @media (width >= 400px) {.heading-left-border :where(h1, h2) {font-size: clamp(2rem, 2rem + 1.8vw, 3.6rem);} } @media (width >= 600px) {.heading-left-border :where(h1, h2) {margin:0 0 .25em; font-size: clamp(2.4rem, 2rem + 1.6vw, 7rem); } } @media (width >= 1200px) {.heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 2.4rem + 2vw, 9rem);} } @media (width >= 1800px) {.heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 3.6rem + 2vw, 9rem);} }
[class*="content"]:not(.default-content-wrapper) :where(p) {font-family: font-family: var(--ff-pragmatica-light); font-weight: 300;}
[class*="content"]:not(.default-content-wrapper) :where(p) strong {font-weight: 700;}
.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1.2rem + 1vw, 2.4rem);}
@media (width >= 600px) {.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1rem + 0.8vw, 2.8rem);;}}
.content-block.overlay:not(:has(> a)), .content-block.overlay > a {display: block;}
@media (width >= 600px) {.content-block.overlay-lg:not(:has(> a)), .content-block.overlay-lg > a {display: block;}}
.content-carousel.full-bleed .heading-wrapper {padding-inline: var(--outter-gutter);}
.content-carousel .slide-copy {padding-block-start: .75em;}
.content-carousel h3 {font-weight: 400;font-size: clamp(1.2rem, 1rem + 1vw, 2.2rem);}
@media (min-width: 360px) {.content-carousel h3 {font-size: clamp(1.2rem, 1.4rem + 1vw, 2.2rem);}}
@media (min-width: 600px) {.content-carousel h3 {font-size: clamp(1.2rem, .6rem + .4vw, 2.2rem);}}
@media (min-width: 1200px) {.content-carousel h3 {font-size: clamp(1.2rem, 1rem + 0.9vw, 2rem);;}}
@media (min-width: 1800px) {.content-carousel h3 {font-size: clamp(1.2rem, 1.2rem + 1vw, 3rem);}.content-block .block-copy, .content-block .block-copy > p { font-size: clamp(1.2rem, 1.2rem + 1vw, 2.6rem); }}
/* two-col */
.content-block.two-col-lg .block-copy {position: absolute; inset: 0; margin: 0; width: 100%; padding:0;} .content-block.two-col-lg .block-copy a {display: flex; flex-direction: column; height: 100%; width: 100%; padding: 1em 2em;} .content-block.two-col-lg .block-copy a h2 {margin: 0;} .content-block.two-col-lg .block-copy a .button {margin-block-end: 0;} .content-block.two-col-lg.text-align-end .block-copy a {justify-content: end; align-items: start;} .content-block.text-shading .block-copy a {background: linear-gradient(transparent 30%, rgb(33 5 5 / 45%));} .content-block.text-shading .block-copy a :where(h1, h2, p) {text-shadow: 0 0 1.5em rgb(33 5 5 / .5);} .content-block.two-col-lg :where(.block-copy, .block-img) {display: grid; grid-template-column: 1fr; grid-template-rows: 1fr 1fr;} .content-block.two-col-lg :where(.block-img, .block-copy) {grid-area: 1/1;} .content-block.two-col-lg .desktop-img {display: none;} @media (width >= 600px) { .content-block.two-col-lg :where(.block-copy, .block-img) {display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;} .content-block.text-shading .block-copy a {background: linear-gradient(transparent 65%, rgb(33 5 5 / 45%));} .content-block.two-col-lg .desktop-img {display: grid;} .content-block.two-col-lg .mobile-img {display: none;}}
/* buttons */
main > .section :where(.button) {font-family: var(--ff-scotch-display); font-weight: 400; text-transform: lowercase;font-style: italic;font-size: 2rem;letter-spacing: .02em;padding-inline: 1.25em;min-width: 20rem;} main > .section .button:where(.primary) {--button-primary-border-color: #e40088;--button-primary-background: #e40088;color: #fff;} main > .section .button:where(.tertiary) {color: #e40088;} @media (width >= 600px) {main > .section :where(.button) {min-width: 25rem; font-size: 2.4rem;}}
YOU PAY what we pay!
[{<div>
<p>Save with employee pricing for a <strong>Limited Time!</strong><br>
30% off with code <u>employee30</u>¡</p>
<small>Maidenform<sup>®</sup> reserves the right to discontinue this offer at any time<small></div>
<style>
.employee30 {background: #dde6f8;margin-block-end: 1em;padding: 1em;}
.employee30 .block-copy {width:max-content;margin-inline: auto;display: flex;flex-flow: column;padding:0;}
.employee30 h1 {margin: 0 0 .5em .35em;font-size: clamp(2rem, 2.4rem + 2vw, 6rem);}
.employee30 p:not(:has(sup, small)) {text-transform: uppercase;}
.employee30 .block-copy p {margin: 0; font-size: clamp(1rem, 1rem + 0.4vw, 2rem); line-height: 1.6;}
.employee30 .block-copy p u {color: #fff; font-weight: 700;letter-spacing:.02em;text-decoration: none;background: #e40088;line-height: 1;padding:.08lh 1ch;}
.employee30 .block-copy p strong {font-weight: 700;}
.employee30 small {font-size: 55%; font-weight: 300;}
.employee30 sup { line-height: 1;font-size: 60%;}
@media (width >= 360px) {.employee30 .block-copy p {font-size: clamp(1rem, 1rem + 0.8vw, 2rem);}}
@media (width >= 400px) {.employee30 .block-copy p {font-size: clamp(1rem, 1.1rem + 1vw, 2rem);}}
@media (width >= 600px) {.employee30 .block-copy {flex-flow: row; gap: 0 1em; align-items: center; justify-content: center;} .employee30 .block-copy h1 {font-size: clamp(2rem, 2.4rem + 1.4vw, 6rem); margin:0;} .employee30 .block-copy p {font-size: clamp(1rem, 1.1rem + 0.8vw, 2.4rem);}}
@media (width >= 1200px) {.employee30 .block-copy {gap:0 3em;}}
</style>}]
Save with Employee Pricing! 30% Off with Code EMPLOYEE30
Use code EMPLOYEE30 at checkout to receive an additional 30% off your purchase. No minimum qualifying amount required. Promo codes cannot be applied to previously placed orders and no credits or refunds will be given for orders placed without the promo code at time of checkout. Cannot be combined with any other promo code. Discount applied at checkout. Ends 6/24. For U.S. delivery addresses only.
LIMITED-TIME employee pricing
[{<div>
<p>30% off with code <u>employee30</u>¡</p>
<strong>ENDS JUNE 24<sup>TH</sup><strong></div>
<style>
.employee30 {background: #dde6f8;margin-block-end: 1em;padding: 1em 1em 1.6em;}
.employee30 .block-copy {width:max-content;margin-inline: auto;display: flex;flex-flow: column;padding:0;}
.employee30 h1 {margin: 0 0 .5em .35em;font-size: clamp(2rem, 2.4rem + 2vw, 6rem);}
.employee30 p:not(:has(sup, small), dialog p) {text-transform: uppercase;}
.employee30 .block-copy p {margin: 0; font-size: clamp(1rem, 1rem + 0.4vw, 2rem); line-height: 1.6;}
.employee30 .block-copy p u {color: #fff; font-weight: 700;letter-spacing:.02em;text-decoration: none;background: #e40088;line-height: 1;padding:.08lh 1ch;}
.employee30 .block-copy p strong {font-weight: 700;}
.employee30 small {font-size: 55%; font-weight: 300;}
.employee30 sup { line-height: 1;font-size: 60%;}
@media (width >= 360px) {.employee30 .block-copy p {font-size: clamp(1rem, 1rem + 0.8vw, 2rem);}}
@media (width >= 400px) {.employee30 .block-copy p {font-size: clamp(1rem, 1.1rem + 1vw, 2rem);}}
@media (width >= 600px) {.employee30 .block-copy {flex-flow: row; gap: 0 1em; align-items: center; justify-content: center;} .employee30 .block-copy h1 {font-size: clamp(2rem, 2.4rem + 1.4vw, 6rem); margin:0;} .employee30 .block-copy p {font-size: clamp(1rem, 1.1rem + 0.8vw, 2.4rem);}}
@media (width >= 1200px) {.employee30 .block-copy {gap:0 3em;}}
@media (width >= 1800px) {.employee30 small {font-size: 40%;}}
</style>}]
30% OFF WITH CODE EMPLOYEE30
Use code EMPLOYEE30 at checkout to receive an additional 30% off your purchase. No minimum qualifying amount required. Promo codes cannot be applied to previously placed orders and no credits or refunds will be given for orders placed without the promo code at time of checkout. Cannot be combined with any other promo code. Discount applied at checkout. Ends 6/24. For U.S. delivery addresses only.
THE BRAS THAT SHAPE how you show up
Everyday bras up to 50% off
[{<span class=button primary>shop all bras</span>
<style>
.shop-bras {background: #EBF0FD;} @media (width >= 600px) { .shop-bras .block-copy {width: 35%; place-content: center; margin-inline: auto 0;} .heading-left-border :where(h1, h2) {font-size: clamp(1.2rem, 1rem + 1vw, 7rem);}} @media (width >= 1200px) { .heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 1.8rem + 1vw, 9rem);}} @media (width >= 1800px) { .heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 2.6rem + 1vw, 9rem);} .heading-left-border .block-copy .button {transform-origin: left top;}}
</style>
}]
The Big summer sale
UP TO 70% OFF CLEARANCE
[{<span class=button primary>shop now</span>
<style>
.summer-sale {background: #EBF0FD;}
.summer-sale .block-copy {padding: 0 2em; margin-inline: 0;}
@media (width >= 600px) {.summer-sale .block-copy {place-content: end;padding: 4%;}}
@media (width >= 1200px) {.summer-sale .block-copy h1 {font-size: clamp(2.4rem, 2rem + 1.1vw, 7rem);}}
@media (width >= 1200px) {.summer-sale .block-copy h1 {font-size: clamp(2.4rem, 2rem + 1.7vw, 7rem);}}
</style>
}]
[{<style>
.big-smmr-sale {padding: 0 1.6rem; overflow: clip;} .big-smmr-sale .block-copy {background: linear-gradient(0deg,transparent 20%, rgb(0 0 0/.3) 55%, transparent 75%);display: grid;grid-template-columns: repeat(3, 1fr);align-items: center;padding: 0;} .big-smmr-sale .block-copy .button {display: flex;flex-direction: column;margin: 0;padding: 0;color: #fff;text-transform: uppercase;white-space: nowrap;text-align: center;line-height: .8;font-size: clamp(1.2rem, 1.4rem + 1vw, 2rem);min-width: unset; @media (width >= 400px) {font-size: clamp(1.2rem, 2rem + 1vw, 2.2rem);} @media (width >= 900px) {font-size: clamp(1.2rem, 3rem + 1vw, 3.8rem);} @media (width >= 1200px) {font-size: clamp(1.2rem, 3rem + 2vw, 8rem);}} .big-smmr-sale .block-copy .button strong {display: block;font-size: 70%;font-family: var(--ff-pragmatica);font-style: normal;line-height: 1} @media (width >= 900px) {.big-smmr-sale .content-block :where(picture, img) {height: 100%; width: 100%; object-fit: cover;} } .big-smmr-sale .block-copy p {padding-inline: .5em;}
.big-smmr-sale .block-copy p:not(:last-of-type) {border-inline-end: 2px solid var(--clr-pink); @media (width >= 900px) {border-width: 4px;}} .big-smmr-sale .content-carousel-wrapper {position: relative;margin-block-start: 1rem;} .big-smmr-sale .heading-wrapper {position: absolute;top:.5em; left: .5em; margin: 0; padding:.3em .5em; background:#D9D9D9; border-radius: 1em; text-transform: uppercase; @media (width >= 1200px){font-size: clamp(1.2rem, 2rem + 1vw, 2rem);}} .big-smmr-sale li { padding-block-start: 1.5em;background: #F5F5F5;} .big-smmr-sale li a[title*="Bralette"] img {max-width: 80%;margin-inline: 13% auto;}
.big-smmr-sale .slide-copy {padding: .8em 1em;} .big-smmr-sale .slide-copy p {font-size: clamp(1.2rem, 1rem + 1vw, 2rem);} .big-smmr-sale .slide-copy del {color: var(--text-color-gray);} .big-smmr-sale .carousel-slide > a {justify-content: space-between;} @media (width >= 600px) { .big-smmr-sale {display: flex; gap: 1.6rem;}.big-smmr-sale > div {width: 100%;} .big-smmr-sale > .content-block-wrapper > div, .big-smmr-sale > .content-block-wrapper > div > div {height: 100%;} .big-smmr-sale > div:nth-child(1) {flex: 1 1 70%;margin: 0;} .big-smmr-sale > div:nth-child(2) {flex: 1 1 30%;} .big-smmr-sale .content-carousel-wrapper {margin: 0;} .big-smmr-sale .content-carousel-wrapper > div, .big-smmr-sale .content-carousel-wrapper ul {height: 100%;}}
</style>}]
M Plunge Push-Up Bra,
Seamless Convertible Longline Bralette
$42.00 - $15.98
Seamless Tummy Control
Shapewear Thong Bodysuit
$46.00 - $13.98
.rewards-slimbnr{color:#fff;padding:var(--gutter-s) var(--gutter-m);text-align:center;font-size:clamp(1.2rem, 1rem + 1.9vw, 2.4rem);line-height:1.2;text-transform:uppercase}.rewards-slimbnr img{filter:grayscale(1) contrast(.1) brightness(9);width:70%;margin-inline:auto}.rewards-slimbnr strong{display:block}.rewards-slimbnr .copy-wrapper{padding:0}.rewards-slimbnr .cta-wrapper{justify-content:center;padding-block-end:0;gap:0;line-height:.5}.rewards-slimbnr .button{color:#e00a86;border-color:#e00a86;white-space:nowrap;margin:.5em 0}.section:has(.rewards-slimbnr){position:relative;padding-block-end:2.5em;background:#e00a86}.section:has(.rewards-slimbnr) .default-content-wrapper{position:absolute;inset:auto 0 -1px;padding:0}.section:has(.rewards-slimbnr) .default-content-wrapper picture:nth-child(2){display:none}@media (width > 600px){.rewards-slimbnr{padding:0;text-align:left;font-size:clamp(1.2rem, 1rem + 1vw, 3rem)}.rewards-slimbnr a{display:flex;width:100%;align-items:center}.rewards-slimbnr .desktop-img{aspect-ratio:1.65/1;background:#fff;border-block:2px solid #fff;display:block;max-width:26%;height:100%}.rewards-slimbnr .desktop-img > div {display:grid; place-content: center;}.rewards-slimbnr .copy-wrapper{width:auto;display:flex;flex-flow:column;gap:.25em;flex:1 0;padding-inline-start:1em;padding-block:var(--gutter-m)}.rewards-slimbnr .cta-wrapper{justify-content:flex-start}.rewards-slimbnr img{width:auto;filter:none;margin:0}.section:has(.rewards-slimbnr) .default-content-wrapper * {height: 100%;}
.section:has(.rewards-slimbnr) .default-content-wrapper picture img {max-width: unset;height: 102%;margin-block-start: -1px;}.rewards-slimbnr .button{margin:0}.section:has(.rewards-slimbnr){padding:0}.rewards-slimbnr p.button-container{padding-inline:1em;margin-inline-start:auto}.section:has(.rewards-slimbnr) .default-content-wrapper{inset:0 0 0 75%;height:100%;aspect-ratio:2.38/1}.section:has(.rewards-slimbnr) .default-content-wrapper picture:first-child{display:none}.section:has(.rewards-slimbnr) .default-content-wrapper picture:nth-child(2){display:block}}@media (width >= 1024px){.section: has(.rewards-slimbnr) .default-content-wrapper{left:85%}.rewards-slimbnr{font-size:clamp(1.6rem, 1.3rem + 1.5vw, 3rem)}.rewards-slimbnr .button-container{padding-inline:2em}}@media (width >= 1200px){.rewards-slimbnr .copy-wrapper{justify-content:flex-start;padding-inline-start:3%}.rewards-slimbnr{font-size:clamp(1.6rem, 1.6rem + 1.2vw, 5.6rem);position:relative;line-height:1}.rewards-slimbnr .button{padding-inline:3em}.rewards-slimbnr .button-container{padding-inline:1em 2.5em}.rewards-slimbnr .desktop-img{max-width:19%;aspect-ratio:1.6/1}.section:has(.rewards-slimbnr) .default-content-wrapper{left:auto}}@media (width >= 1800px){.rewards-slimbnr>div>div p{font-size:clamp(1.6rem, 1.6rem + 1.6vw, 5rem)}.rewards-slimbnr .button-container{scale:1.2;margin-inline:auto}.rewards-slimbnr .desktop-img{width:32rem}.rewards-slimbnr .button{scale:1.2;transform-origin:left}.rewards-slimbnr{font-size:clamp(1.6rem, 1.8rem + 1.8vw, 5.6rem)}}
[{<style>.four-col-static .block-copy {padding: 0;}.four-col-static p {margin: 0;}.four-col-static a {position: relative;}.four-col-static a span {position: absolute;inset: 0;place-content: center;text-align: center;text-transform: uppercase;color: #fff;font-size: clamp(2rem, 3rem + 2vw, 6rem);text-shadow: 0 .2rem .5rem rgb(0 0 0 / .5);filter: drop-shadow(0 0 .1rem rgb(0 0 0 / .3)) drop-shadow(0 0 1rem rgb(0 0 0 / .3)) drop-shadow(0 0 .5rem rgb(0 0 0 / .3));} @media (width >= 600px) {.four-col-static .desktop-img {display: flex;}} @media (width >= 600px) {.four-col-static a span {font-size: clamp(2rem, 1.6rem + 1vw, 3rem);}}
@media (width >= 1200px) {.four-col-static a span {font-size: clamp(2rem, 2rem + 1.4vw, 5rem);}}</style>}]
[{<a href=/collections/occasion-dressing >
<h2>Occasion Dressing <em>a Fit for every fit</em></h2>
<span class=button primary>shop occasion</span>
</a><a href=/best-sellers >
<h2>Most loved <em>top rated</em></h2>
<span class=button primary>shop bestsellers</span>
</a>
}]
WHERE THERE’S A FIT, there’s a way
Introducing our newest bra accessories
[{<span class=button primary>shop accessories</span>
<style>
.bra-accessories {background: #EBF0FD;}
@media (width >= 600px) {.bra-accessories .block-copy {margin-inline: 5% auto; display: flex; flex-flow: column; justify-content: center; align-items: start;}
.bra-accessories .block-copy h2 {font-size: clamp(1.2rem, 1.6rem + 1vw, 7rem);}}
@media (width >= 1200px) {.bra-accessories .block-copy h2 {font-size: clamp(2.4rem, 2rem + 1.4vw, 9rem);}}
</style>
}]
most loved top rated
[{<span class=button primary>shop bestsellers</span>
<style>.most-loved .block-copy {width: 100%;place-content: end;margin-inline: 0;padding: 1em 2em;color: #fff;background: linear-gradient(0deg, #0000004f 20%, transparent 35%);
@media (width >= 900px) {background: linear-gradient(45deg, #0000004f 20%, transparent 35%);}
}</style>
}]
[{<a href=/underwear >
<h2>mix & match <em>6 for $36</em></h2>
<span class=button primary>shop underwear</span>
</a><a href=/collections/bra-accessories >
<h2>bra accesories <em>buy 3+ get 20% off</em></h2>
<span class=button primary>shop accesories</span>
</a>
}]
[{<a href=/shapewear >
<h2>SHAPEWEAR <em>smooth under it all</em></h2>
<span class=button primary>shop shapewear</span>
</a><a href=/underwear >
<h2>UNDERWEAR <em>6 for $39</em></h2>
<span class=button primary>shop underwear</span>
</a>
}]