/* 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;}}
/* homepage */
.section:has(.slide[class*="promo"], .slide[class*="hero"]), .section.hero, .section:has(.fragment-wrapper),
.section:has(.full-bleed) { margin-block-end: var(--spacing-l); padding-block: 0;}
.slide-wrapper :is(.slide[class*="promo"], .slide.hero) div.copy-wrapper {padding: var(--gutter-m);}
.section .block.hero h1 {text-transform: uppercase;
font-size: clamp(2.4rem, calc(2.2rem + 2vw), 3.4rem);margin-block-end: var(--gutter-m) !important;}
.block.hero h1 em {font-family: var(--heading-font-family-secondary);font-style: normal;}
.block.hero h1 strong em {font-family: var(--heading-font-family-secondary-bold);font-style: normal;}
.slide-wrapper .slide.hero .cta-wrapper {margin-block-start: 0.5em;}
.slide[class*="promo"] h2 { text-transform: uppercase; font-size: clamp(2.2rem, calc(1rem + 2vw), 3rem);}
.slide[class*="promo"] h2 em {font-family: var(--heading-font-family-secondary); font-style: normal; }
.slide[class*="promo"] h2 strong em {font-family: var(--heading-font-family-secondary-bold); font-style: normal; }
main .section > div .block:where([class*="promo"], .hero) p {line-height: 1.2; font: var(--font-pragmatica-extd); font-size: clamp(1.4rem, calc(1rem + 0.75vw), 3rem); }
.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;}
@media (width <= 360px) {
.slide[class*="promo"] h2 {font-size: min(calc(1.4rem + 2vw), 5.4rem);}}
@media (width >= 400px) {
.section .block.hero h1 {font-size: clamp(2.6rem, calc(3rem + 2vw), 4.4rem);}}
@media (width <= 767px) {
.slide[class*="promo"] .cta-wrapper { justify-content: center; }}
@media (width >= 1024px) {
.section .block.hero h1 {font-size: clamp(2.8rem, calc(2.2rem + 2.2vw), 6.4rem);}
.slide[class*="promo"] h2 {font-size: clamp(2.2rem, calc(1rem + 2vw), 5.6rem);}}
@media (width >= 1440px) {
.section .block.hero h1 {font-size: clamp(3rem, calc(3rem + 2.2vw), 8rem);}}
@media (width >= 1900px) {
.section .block.hero h1 {font-size: clamp(3rem, calc(3rem + 3vw), 8rem);}}
/* shapeware */
.slide.promo-shape {background: linear-gradient(102deg, #c9cbcd 24%, #d3d7da 68%);}
.slide.promo-shape h2 strong {display: block; color: #B32C37;font-size: 111%;}
@media (width >= 1024px) {
.slide-wrapper .slide.promo-shape .copy-wrapper p {max-width: 22ch; margin-inline: auto !important;}}
@media (width >= 1400px) {
.promo-shape.slide:where(.grid-3-col-lg) {grid-template-columns: 1fr 2fr 1fr;}
.slide-wrapper .slide.promo-shape .copy-wrapper p {max-width: 30ch;}}
EVERYTHING SHIPS FREE details
- Free Shipping
Free standard shipping on your purchase. No minimum qualifying amount or code required. Discount reflected at checkout.
Shapewear Flash Sale: Shape up to 50% Off shop shape
.section.textonly-banner {text-align: center;background: var(--banner-default-background);}
.section.textonly-banner p {
font-family: var(--ff-pragmatica-extd);margin: 0;color: var(--banner-text-color);
font-size: clamp(2rem, calc(1.6rem + 1vw), 3.4rem);line-height: 1.2;}
.section.textonly-banner p strong {font-size: 120%;white-space: nowrap;}
.section.textonly-banner p .button {margin: 0 1em;vertical-align: top;}
.section.textonly-banner p u {margin-inline-end: .5em;font-size: 80%;text-decoration: none;}
.section.textonly-banner.flashsale.css-container {
transform: translateY(-2.4rem);
}
.details-modal.details-icon-white .details-icon {
background: var(--banner-text-color);
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="8" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15L12 11" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0016 7.50078C12.4296 7.50078 12.7766 7.84776 12.7766 8.27578C12.7766 8.7038 12.4296 9.05078 12.0016 9.05078C11.5735 9.05078 11.2266 8.7038 11.2266 8.27578C11.2266 7.84776 11.5735 7.50078 12.0016 7.50078Z" fill="currentColor"/></svg>');
mask-repeat: no-repeat;
mask-position: center;
mask-size: 65%;
}
dialog.details-modal::backdrop {
--backdrop-blur: blur(3px);
--overlay-background-color: #00000099;
}
.promo-luxe .copy-wrapper h2 { white-space: nowrap; }
.promo-luxe .copy-wrapper h2 em { display: block; font-size: 180%; }
@media (min-width: 600px) { .promo-luxe > a {justify-items: end;} }