h3#makeyourselfcomfortable {margin: 0;font-weight: var(--fw-black);font-size: clamp(2rem, calc(2rem + 1vw), 4rem);} h3#makeyourselfcomfortable + p {font-weight: var(--fw-medium);font-size: clamp(1.2rem, calc(1.2rem + 1vw), 1.8rem);} .section.style-tag-container {padding: 0;margin: 0;} main > .section.quick-links-bar-container {margin: 0;padding: 0;}.quick-links-bar ul {padding: 0;}@media (width > 900px) {.tabs-wrapper, .columns-scroll-container {--content-max-width: 94%;inline-size: var(--content-max-width);margin-inline: auto;}}h2 strong { font-weight: bold; }dialog.details-modal { line-height: var(--body-font-line-height);} :where(.bestsellers, .whats-hot).content-carousel[class*="slide-count"].aspect-ratio-unset .slide-img :where(picture, img) {aspect-ratio: 3/3.6;} :where(.bestsellers, .whats-hot) .slide-copy {padding-block-start: .5em;} :where(.bestsellers, .whats-hot) .slide-copy sup {font-size: 55%;} .content-block.overlay:not(:has(> a)), .content-block.overlay > a {display: block;} .target-recos.content-carousel .carousel-slides-wrapper {margin-block-start: 1em;} .target-recos.content-carousel .heading-wrapper {padding-inline: 0;} .content-carousel .heading-wrapper {margin-block-start: 1em;} .target-recos.content-carousel .heading-wrapper h2 {padding-inline: var(--outter-gutter);} main > .section > div.content-carousel-wrapper {--content-max-width:100%;} .section.content-carousel-container {padding-inline: 0;} .carousel-slide .slide-copy strong, .carousel-slide .slide-copy > p strong {font-size: 130%; margin-block-end: .7em; font-weight: 900; display: block; min-height: 2lh; text-transform: uppercase;} .carousel-slide .slide-copy strong sup, .carousel-slide .slide-copy > p strong sup {font-size: 55%;} .content-carousel.slide-count-3 .carousel-slides-wrapper {--peek: 0.125;} @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;}} @media (width >= 600px) {main > .section > div.content-carousel-wrapper:not(:has(.full-bleed)) {--content-max-width: 94%; margin-inline: auto;} .content-carousel[class*="slide-count"] .carousel-slide {flex-grow: 1;} main > .section > div.content-carousel-wrapper:not(:has(.full-bleed)) ul {--content-max-width: 100%;} .content-block.overlay-lg:not(:has(> a)), .content-block.overlay-lg > a {display: block;}} @media (width <=900px) {.details-icon::after {mask-position: 50% 45%;}} @media (width >= 900px), (min-width: 900px) {main > :is(.section.full, .section.full-bleed, .section.hero, .section.fragment-container) > div, main > .section:has(.full, .full-bleed, .hero, .block.full-bleed) > div {margin:0;}} main > .section {@media (width >= 900px), (min-width: 900px) {margin-block-end:1em;}} @media (width >= 1200px) {.target-recos.content-carousel .heading-wrapper h2 {padding-inline: 0;} .target-recos.content-carousel .carousel-slides-wrapper {padding-inline: 0;} .target-recos.content-carousel {padding-inline: 1em;} .content-carousel .heading-wrapper {padding-inline: 0;} .carousel-slide .slide-copy, .carousel-slide .slide-copy > p {font-size: clamp(1.2rem, .7rem + 0.5vw, 1.8rem);} main > .section > div.content-carousel-wrapper:not(:has(.full-bleed)) ul {padding-inline: 0;}} @media (width >= 1800px) { [class*="content"]:not(.default-content-wrapper) :where(.button, button) {scale: 1.2; transform-origin: top;} [class*="content"]:not(.default-content-wrapper) .slide-copy :where(.button, button) {scale: 1.2; transform-origin: top left;} [class*="content"]:not(.default-content-wrapper) :where(button:not(.close)) {transform-origin: left;}} .details-align-top button.details-icon {place-content: start;} .details-align-top .details-icon::after {mask-position: 0% 10%;}
@media (width <= 599px) {.target-recos .carousel-fallback-pagination {display: none;}
.content-block .desktop-img {display: none;}
.content-block .mobile-image:empty .desktop-img {display: block;}
}
[{<h1>You pay what we pay! <span class=outline>30%<span>OFF</span>¡</span><span>with code <strong>EMPLOYEE30</strong></span></h1><small>Hanes reserves the right to discontinue this offer at any time</small>
<style>
.employee30 {
background: #DA291C;
color: #fff;
padding: 1em;
}
.employee30 .block-copy {
text-align: center;
padding: 0;
}
.employee30 .block-copy h1 {
line-height: 1;
font-size: clamp(2rem, 2rem + 1vw, 3rem);
font-weight: 300;
}
.employee30 .block-copy h1 > span {display: inline-flex;}
.employee30 .block-copy h1 .outline {
font-size: 250%;
font-weight: 900;
line-height: 1.25;
text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;
letter-spacing: 0.08ch; translate: 22px 0;
}
.employee30 .block-copy h1 > span span {padding-inline: .5ch 0;}
.employee30 .block-copy h1 strong { padding-inline: .75ch 0;
font-weight: 900;
font-size: 110%;
color: #000;
text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
}
@media (width <= 900px) {
.employee30 .details-icon::after {
mask-position: 10% 20%;
}
}
@media (width >= 600px) {
.employee30 .block-copy {position: relative;width: max-content;margin-inline: auto;}
.employee30 .block-copy h1 {display: inline-flex;align-items: center;justify-content: center;font-size: clamp(2rem, 1.4rem + 1vw, 5rem);margin: 0;}
.employee30 .block-copy h1 .outline {translate: .3ch 0;display: flex;align-items: center;padding-inline: .2em;}
.employee30 .block-copy h1 .outline span {rotate: -90deg;font-size: 40%;letter-spacing: .1ch;padding-inline: 0;margin-inline: -0.3em 0;}
.employee30 .block-copy h1 .outline button {margin-inline: -0.1em 0;}
.employee30 .details-icon::after {mask-position: 0% 0%;}
.employee30 .block-copy h1 strong {padding-inline: .8em 0;}
.employee30 {position:relative;}
.employee30 .block-copy small {position:absolute;bottom: .8em;right: 0;}}
@media (width >= 1000px) {.employee30 .block-copy h1 {font-size: clamp(2rem, 2rem + 1vw, 5rem);}}
@media (width >= 1200px) {.employee30 {padding: 0;} overflow: clip;.employee30 .block-copy h1 {font-size: clamp(2rem, 2rem + 1.2vw, 5rem);height: min-content;line-height: 0;
} .employee30 .block-copy h1 .outline {font-size: 350%;padding-inline: 0 0.2em;line-height: 0.9;height: max-content;}
.employee30 .block-copy h1 .outline span {margin-inline-start: -1ch;}.employee30 .block-copy small {font-size: 55%;}
.employee30 .block-copy h1 .outline button {margin-inline: -20px 0;height: auto;margin-block-end: auto;}
.employee30 .details-icon::after {mask-position: 0% 50%;}
.employee30 .block-copy h1 strong{text-shadow: rgb(255, 255, 255) 9px 0px 0px, rgb(255, 255, 255) 8.9445px 0.997944px 0px, rgb(255, 255, 255) 8.77869px 1.98358px 0px, rgb(255, 255, 255) 8.50461px 2.94475px 0px, rgb(255, 255, 255) 8.12565px 3.86961px 0px, rgb(255, 255, 255) 7.64647px 4.74674px 0px, rgb(255, 255, 255) 7.07299px 5.56533px 0px, rgb(255, 255, 255) 6.41227px 6.31528px 0px, rgb(255, 255, 255) 5.67248px 6.98735px 0px, rgb(255, 255, 255) 4.86272px 7.57324px 0px, rgb(255, 255, 255) 3.99299px 8.06573px 0px, rgb(255, 255, 255) 3.07402px 8.45875px 0px, rgb(255, 255, 255) 2.11714px 8.74744px 0px, rgb(255, 255, 255) 1.13414px 8.92825px 0px, rgb(255, 255, 255) 0.137162px 8.99895px 0px, rgb(255, 255, 255) -0.861512px 8.95867px 0px, rgb(255, 255, 255) -1.84956px 8.8079px 0px, rgb(255, 255, 255) -2.8148px 8.5485px 0px, rgb(255, 255, 255) -3.74532px 8.18368px 0px, rgb(255, 255, 255) -4.62965px 7.71792px 0px, rgb(255, 255, 255) -5.45689px 7.15698px 0px, rgb(255, 255, 255) -6.21682px 6.50777px 0px, rgb(255, 255, 255) -6.90009px 5.77831px 0px, rgb(255, 255, 255) -7.49825px 4.97757px 0px, rgb(255, 255, 255) -8.00394px 4.11545px 0px, rgb(255, 255, 255) -8.41092px 3.20258px 0px, rgb(255, 255, 255) -8.71416px 2.2502px 0px, rgb(255, 255, 255) -8.90993px 1.27008px 0px, rgb(255, 255, 255) -8.99582px 0.274291px 0px, rgb(255, 255, 255) -8.97076px -0.72488px 0px, rgb(255, 255, 255) -8.83507px -1.71511px 0px, rgb(255, 255, 255) -8.59041px -2.68419px 0px, rgb(255, 255, 255) -8.23981px -3.62017px 0px, rgb(255, 255, 255) -7.78758px -4.51149px 0px, rgb(255, 255, 255) -7.23931px -5.34718px 0px, rgb(255, 255, 255) -6.60176px -6.11692px 0px, rgb(255, 255, 255) -5.88279px -6.81122px 0px, rgb(255, 255, 255) -5.09127px -7.42152px 0px, rgb(255, 255, 255) -4.23696px -7.94029px 0px, rgb(255, 255, 255) -3.33039px -8.36113px 0px, rgb(255, 255, 255) -2.38275px -8.67885px 0px, rgb(255, 255, 255) -1.40572px -8.88954px 0px, rgb(255, 255, 255) -0.411357px -8.99059px 0px, rgb(255, 255, 255) 0.58808px -8.98077px 0px, rgb(255, 255, 255) 1.58026px -8.86018px 0px, rgb(255, 255, 255) 2.55296px -8.63032px 0px, rgb(255, 255, 255) 3.49417px -8.29402px 0px, rgb(255, 255, 255) 4.39229px -7.85543px 0px, rgb(255, 255, 255) 5.23623px -7.31996px 0px, rgb(255, 255, 255) 6.0156px -6.69422px 0px, rgb(255, 255, 255) 6.72078px -5.98591px 0px, rgb(255, 255, 255) 7.34307px -5.20378px 0px, rgb(255, 255, 255) 7.87479px -4.35748px 0px, rgb(255, 255, 255) 8.3094px -3.45743px 0px, rgb(255, 255, 255) 8.64153px -2.51474px 0px, rgb(255, 255, 255) 8.86709px -1.54104px 0px, rgb(255, 255, 255) 8.98328px -0.548328px 0px;}
p:empty {display: none;}
</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. Hanes reserves the right to discontinue a promo code at any time. For U.S. delivery addresses only.
[{<div class=copy>
<h1>HERE COMES<br>SUMMER</h1>
<p>Get into a sunny state of mind with<br>
lightweight tees, tanks & shorts</p>
<span class=button secondary>shop now</span>
</div>
<div class=promotion><p><strong>25%<br> OFF</strong>3 OR MORE ¡</p></div>
<style>
.comes-summer {overflow: clip;}
.comes-summer .block-copy > p:has(picture) {display: none;}
.comes-summer .block-copy {padding: 0; display: flex;}
.comes-summer .copy {padding: 1em; display: flex ;flex-flow: column; align-items: center; margin-block-start: auto; background: rgb(0 0 0 / .3); color: white; width: 100%;}
.comes-summer .promotion {padding: .25em 2% 1em calc(9% + .5ch); position: absolute; aspect-ratio: 1; background: url(./media_1a01d4539b2d18171d975fde634d2083810e17f84.png?width=750&format=png&optimize=medium) center / 100% no-repeat; display: flex; justify-content: center; align-items: center; top: -1.75em; right: 0; font-weight: 700;line-height: 1.2;font-size: clamp(1.2rem, 1rem + 1vw, 2rem);}
.comes-summer h1 {font-weight: 900; line-height: 1; margin-block: 0 ; font-size: clamp(3rem, 3rem + 2vw, 5rem); text-shadow: 0 3px 0 rgb(0 0 0 / .15);}
.comes-summer .promotion strong {display: block; font-size: 350%; font-weight: 900;line-height: .85; translate: -0.5ch 0;}
.comes-summer .promotion button:after {mask-position: 0% 45%;}
@media (width >= 600px) {
.comes-summer .copy {padding: 1em 3% 0; width: max-content; align-items: end; margin-inline-start: auto;}
.comes-summer h1 {font-size: clamp(3rem, 3rem + 1vw, 5rem);}
.comes-summer .promotion {top:-1.2em;padding: 1.25em 0.5em 2em calc(1.55em + 1ch); font-size: clamp(1.2rem, 1rem + 0.5vw, 2rem);}
.comes-summer .promotion strong {translate: -.8ch 0;}
.comes-summer .promotion strong:first-line {letter-spacing: -.05em;}
}
@media (width >= 900px) {
.comes-summer h1 {font-size: clamp(3rem, 2rem + 1.8vw, 8rem);}
.comes-summer p {font-size: clamp(1.2rem, 1rem + .5vw, 2.2rem);}
.comes-summer .promotion p {font-size: clamp(1.2rem, 1rem + .7vw, 5rem);}
.comes-summer .promotion {padding: 1.25em 1% 2em calc(3% + 0.5ch);translate: 0 -50%;top: 27%; right: 1.5em; font-size: clamp(1.2rem, 1rem + 1vw, 2rem);}
.comes-summer .promotion strong {translate: -0.7ch 0;}
}
@media (width >= 1200px) {
.comes-summer h1 {font-size: clamp(3rem, 3rem + 1.8vw, 8rem);}
.comes-summer p {font-size: clamp(1.2rem, 1rem + .87vw, 2.2rem);}
.comes-summer .promotion p {font-size: clamp(1.2rem, 1.4rem + 1vw, 5rem);}
.comes-summer .promotion {padding: 1.25em 2.5% 2em calc(4.5% + 0.5ch);}
.comes-summer .promotion strong {translate: -0.4ch 0;}
}
@media (width >= 1800px) {
.comes-summer h1 {font-size: clamp(3rem, 4rem + 2vw, 8rem);}
.comes-summer p {font-size: clamp(1.2rem, 1.8rem + 1.4vw, 3rem);}
.comes-summer .promotion p {font-size: clamp(1.2rem, 1.4rem + 1vw, 5rem);}
.comes-summer .promotion {padding: 1.5em 2.5% 2.5em calc(4.5% + 0.5ch);}
.comes-summer .copy {padding-block: 1.75em 2em;}
}
</style>}]
TEES, SHORTS & MORE BUY 3+ GET 25% OFF
To receive an additional 25% off, place 3 or more activewear items in your shopping cart, selecting size and color for each. Select styles, excludes Clearance. You may mix and match men, women, unisex, and kids. Discount reflected at checkout. No code needed. For U.S. delivery addresses only.
[{<h1>SUMMER <span>SALE</span></h1>
<p>Lightweight tees, tanks & shorts you’ll reach for all season long.</p>
<span class=button primary>SHOP SALE</span>
<div class=circle><span>Buy 3+ Get </span> <strong>20% OFF ¡</strong> </div>
<style>
.summer-sale {overflow: clip;}
.summer-sale .block-copy {text-align: center;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;height: 100%;padding: 1em;background: linear-gradient(360deg, #00000078, transparent 60%);color: white;}
.summer-sale .block-copy h1 {font-weight: 900;letter-spacing: .4em;line-height: 1;margin: 0;}
.summer-sale .block-copy h1 span {display: block;letter-spacing: .01em;color: var(--text-color-accent);font-size: 270%;translate: -0.1em;-webkit-text-stroke: 4px white;paint-order: stroke fill;}
.summer-sale .block-copy p {font-size: clamp(1.4rem, 1.4rem + 1vw, 2rem);max-width: 30ch;margin: 0;}
.summer-sale .circle {position: absolute;background: #FEDE17;aspect-ratio: 1;border-radius: 50%;display: flex;flex-direction: column;place-content: center;text-align: center;top: -7%;left: .75em;font-size: clamp(1.4rem, 2rem + 1.4vw, 2.8rem);text-transform: uppercase;border: 2px solid black;box-shadow: 0 0 0 4px #FEDE17, 0 0 0 8px white;color: black;}
.summer-sale .circle span {font-size: 80%;margin-block-start: 1em;}
.summer-sale .circle strong {font-weight: 900;letter-spacing: .02em;translate: 1ch 0;}
.summer-sale .circle strong button {translate: -30% 0;}
@media (width >= 600px) {
.summer-sale .block-copy {max-width: 40%;justify-content: center;background: linear-gradient(90deg, #00000078, transparent 85%);}
.summer-sale .block-copy h1 {font-size: clamp(1.4rem, 2rem + 1.4vw, 4rem);}
.summer-sale .block-copy p {max-width: 24ch;font-size: clamp(1.2rem, 1rem + 1vw, 1.8rem);}
.summer-sale .block-copy .button {margin-block: 1em 0;}
.summer-sale .circle {rotate: -10deg;left:unset;right: -70vw;width: fit-content;translate: -50% 0;}}
@media (width >= 1024px) {
.summer-sale .circle {right: -65vw;}}
@media (width >= 1200px) {
.summer-sale .block-copy h1 {font-size: clamp(1.4rem, 2rem + 2vw, 5rem);}
.summer-sale .block-copy p {font-size: clamp(1.2rem, 1rem + 1vw, 2.4rem);}
.summer-sale .circle {font-size: clamp(1.4rem, 2rem + 1.4vw, 6.2rem);rotate: -10deg;width: fit-content;right: -65vw;}
.summer-sale .circle strong button {translate: -25% -15%;}
.summer-sale .circle span {font-size: 65%;margin-block-start: 0.4em; line-height: 1;}}
@media (width >= 1800px) {
.summer-sale .block-copy h1 {font-size: clamp(1.4rem, 2rem + 2vw, 8rem);}
.summer-sale .block-copy p {font-size: clamp(1.2rem, 1rem + 1vw, 3.4rem);}
.summer-sale .circle {font-size: clamp(1.4rem, 2rem + 2.4vw, 6.2rem);padding: 0 0.5em 0 0;border: 4px solid black;box-shadow: 0 0 0 6px #FEDE17, 0 0 0 13px white;right: -67vw;}}
.summer-sale {position: relative;}
</style>}]
SWEATS, TEES & MORE BUY 3+ GET 20% OFF
To receive an additional 20% off, place 3 or more activewear items in your shopping cart, selecting size and color for each. Select styles, excludes Clearance. You may mix and match men, women, unisex, and kids. Discount reflected at checkout. No code needed. For U.S. delivery addresses only.
LOUNGING LOOKS
GOOD ON YOU
Relax day & night in ultra-soft Comfywear.
[{<span class=button secondary>SHOP COMFYWEAR</span>}]
[{<style>
.her-day .block-copy {margin-block-start: auto;height: max-content;background: linear-gradient(to top, rgb(255 255 255 / .2) 40%, transparent 100%);} .her-day .block-copy h2 {font-weight: 900; font-size: clamp(3rem, 2.2rem + 1vw, 5rem);line-height: 1;margin-block: 0 .1em;} .her-day .block-copy h2 strong {font-weight: 900;} .her-day .block-copy p {font-size: clamp(1.4rem, 1rem + 1vw, 2rem);} .her-day .block-copy p strong {font-weight: 900;} @media (width >= 600px) {.her-day .block-copy {background: none;padding: 3%;height: 100%;background: linear-gradient( 253deg, rgb(255 255 255 / 0.3) 34%, transparent 45%);align-items: end;display: flex;flex-flow: column;justify-content: center;} .her-day .block-copy p {font-size: clamp(1.4rem, 1rem + .8vw, 2rem);}}
@media (width >= 1200px) {.her-day .block-copy h2 {font-size: clamp(3rem, 2rem + 1.6vw, 9rem);}} @media (width >= 1800px) {.her-day .block-copy p {font-size: clamp(1.4rem, 2rem + 1vw, 3rem);}.her-day .block-copy h2 {font-size: clamp(3rem, 2rem + 2.3vw, 9rem);}}
</style>}]
What’s Hot
[{<span class=promo>Buy 3+ Get 20% off ¡</span>}]
Shop Tees & Tanks
Tees & Tanks Buy 3+ Get 20% Off
To receive an additional 20% off, place 3 or more activewear items in your shopping cart, selecting size and color for each. Select styles, excludes Clearance. You may mix and match men, women, unisex, and kids. Discount reflected at checkout. No code needed. For U.S. delivery addresses only.
[{<span class=promo>AS SEEN ON
<img loading="eager" alt="TikTok Shop" src="./media_12954d166f8182671832aac16451192900a52f2dd.png?width=750&format=png&optimize=medium" width="345" height="59">
</span>}]
Shop TikTok Trends
Shop Undershirt
[{
<style> .slide-copy>p:has(img[alt="TikTok Shop"]) {display: none;} .promo:has(img[alt="TikTok Shop"]) {flex-flow: column;} .promo img[alt="TikTok Shop"] {width: 6em;} whats-hot .slide-copy {padding-block-start: .25em;}.whats-hot .slide-copy, .whats-hot .slide-copy p{font-weight: 600; font-size: clamp(1.2rem, 0.9rem + 0.5vw, 1.8rem)}</style>}]
CUSTOMER FAVORITES
NOW FEATURING
Essentials Men's Cotton Shorts With Pockets
Our knit jersey shorts feature a 7.5-inch inseam that hits just above the knee for wardrobe versatility.
[{<span class=button tertiary>Shop Now</span>}]
Hanes ultimate® women’s undies
Our popular underwear collection combines style, comfort, innovation, and a great fit.
[{<span class=button tertiary>Shop Now</span>}]
Originals Women's Comfywear Pajama Set
Take it easy in a fitted, ribbed, solid tank top and coordinating, striped woven shorts designed for relaxing.
[{<span class=button tertiary>Shop Now</span>}]