/* 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;}
/* 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;} .heading-left-border :where(h1, h2) em u {font-size: 118%; text-decoration: none;} .heading-left-border :where(h1, h2)::before {content: ''; position: absolute; inset: 46% auto auto -0.35em; transform: translateY(-50%); display: block; width: .15em; height: 83%; 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;}
.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);;}}
@media (width >= 1800px) {.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1.2rem + 1vw, 3rem);}}
.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;}}
@media (width >= 1800px) {[class*="content"]:not(.default-content-wrapper) :where(.button, button) {scale: 1.2; transform-origin: top;}
[class*="content"]:not(.default-content-wrapper) :where(button:not(.close)) {transform-origin: left;}
[class*="content"]:is(.text-left, .text-left-lg) :where(.button, button) {transform-origin: left top;}}
.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);}}
:is(a.button:any-link, button, .button):is(.primary, .secondary, .tertiary) sup {translate: 0.3em -0.4em;}
/* 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 50%, 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; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;} .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. Maidenform reserves the right to discontinue a promo code at any time. For U.S. delivery addresses only.
.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)}}
[{<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>
}]
[{<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>
}]