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><span class=small>— A MOTHER OF A DEAL —</span> EXTRA 20% OFF
<span>SITEWIDE ¡</span> </h1>}]

[{<style>.mothers-deal {background: #ccd1fa;} .mothers-deal h1 {font-weight: 900;line-height: 1;margin: 0;} .mothers-deal h1 span {display: block;} .mothers-deal h1 .small {font-size: 50%;font-weight: 400;line-height: 1.8;} .mothers-deal h1 span:has(button) {margin-inline-start: 15px;} .mothers-deal h1 span button {margin-inline-start: -15px;} .mothers-deal .block-copy {position: relative;padding: 1em;} .mothers-deal .block-copy p > picture {position: absolute;} .mothers-deal .block-copy p > picture:nth-child(1) {top: 1%;right: 0;width: 17%;} .mothers-deal .block-copy p > picture:nth-child(2) {bottom: 4px;left: 0;width: 20%;} @media (width >= 600px) {.mothers-deal .block-copy p > picture {display: none;} .mothers-deal .block-copy {position: absolute;padding: 1em;width: 53%;margin-inline-start: auto;display: grid;place-content: center;} .mothers-deal h1 span:has(button) {margin-inline-start: 10px;display: flex;justify-content: center;} .mothers-deal .details-icon::after {-webkit-mask-position-y: 25%;} .mothers-deal h1 span button {margin-inline-start: 0;place-content: start;} .mothers-deal .block-copy {padding-block-start: 2em;} .mothers-deal h1 .small {font-size: 40%;} .mothers-deal h1 {font-size: clamp(2rem, 2.8rem + 2.4vw, 8rem);}} @media (width >= 1800px) {.mothers-deal h1 {font-size: clamp(2rem, 4rem + 2.4vw, 10rem); line-height: 1;}.mothers-deal h1 span button {height: auto;align-content: start;} .mothers-deal .details-icon::after {-webkit-mask-position-y: 70%;}}</style>}]

EXTRA 20% OFF SITEWIDE

Discount reflected at checkout. No code needed. Offer valid 5/7/26 through 5/12/26 at 11:59 pm EST.

date
5/7/26 12:00:00 am – 5/12/26 11:59:59 pm

[{<h1><span class=small>RED, WHITE & BLUE,</span><span class=red>FREE SHIPPING</span>FOR YOU ¡</h1>

<p>No Minimum or Hanes Rewards Account Required.</p>

<style>.rgb-shipping {padding-block: 0 1em; color: white;background: linear-gradient(90deg, #2b2b7b 40%, #1e1b4c);text-align: center;}.rgb-shipping h1 {font-size: clamp(2rem, 3rem + 2vw, 4rem);font-weight: 700;line-height: 1;margin: 0 0 0.1em;}.rgb-shipping h1 .small {font-weight: 900;display: block;letter-spacing: .15em;font-size: 42%;line-height: 1.4;}.rgb-shipping h1 .red {display: block;font-weight: 900;color: #DA291C;font-size: 110%; -webkit-text-stroke: 3px white; paint-order: stroke fill;}@media (width >= 600px) {.rgb-shipping {background: linear-gradient(90deg, #2b2b7b 65%, #1e1b4c 85%);}}@media (width >= 1200px) {.rgb-shipping p {font-size: clamp(1.4rem, .8rem + .4vw, 2rem);}.rgb-shipping h1 .red {display: inline-block;margin-inline-end: .3em; font-size: 100%;}.rgb-shipping h1 {font-size: clamp(2rem, 3rem + 2vw, 6rem);}.rgb-shipping h1 .small {font-size: 48%;}}@media (width >= 1800px) {.rgb-shipping h1 {font-size: clamp(2rem, 4rem + 2vw, 9rem);}.rgb-shipping h1 .small {margin-block-end:.3em;}.rgb-shipping button {margin-block-end: -.3em}} </style>}]

Everything Ships Free

Get free standard shipping on your order. No minimum qualifier, code, or Hanes Rewards account required. For U.S. delivery addresses only. Offer valid 5/20/26 through 5/26/26 at 11:59 pm EST.

date
5/20/26 12:00:00 am – 5/26/26 11:59:59 pm

[{<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>20%<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:#fff;width:100%}.comes-summer .promotion{padding:0;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);width:44vw}.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 p{translate:10px 0}.comes-summer .promotion strong{width:max-content;display:block;font-size:350%;font-weight:900;line-height:.85}.comes-summer .promotion button:after{mask-position:0% 45%}@media (width <= 414px){.comes-summer .promotion{min-width:48vw}}@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 .5em 2em calc(1.55em + 1ch);font-size:clamp(1.2rem, 1rem + .5vw, 2rem);width:22vw}.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 + .9vw, 5rem);translate:0 0}.comes-summer .promotion{min-width:unset;padding:1.25em 1% 2em calc(3% + .5ch);translate:0 -50%;top:27%;right:1.5em;font-size:clamp(1.2rem, 1rem + 1vw, 2rem)}}@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);translate:-0.3em 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 + 1.3vw, 5rem)}.comes-summer .copy{padding-block:1.75em 2em}}

</style>}]

Summer Savings 20% Off

TEES, SHORTS & 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.

date
4/30/26 12:00:00 am
/fragments/banners/2025/05-may/hns-rewards-bnr
/fragments/homepage/2026/03-march/05-spring-fresh-fit
date
3/5/26 12:00:00 am – 4/29/26 11:59:59 pm

IT'S TIME
TO RELAX

Go ahead & take a staycation
in must-have comfywear—
you’ve earned it

[{<span class=button secondary>shop now</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-size: clamp(3rem, 3.4rem + 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, 3rem + 2vw, 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, 4.4rem + 2vw, 9rem);}}

</style>}]

Comfywear Collection
date
4/30/26 12:00:00 am
/fragments/homepage/2026/03-march/05-whatshot
date
3/5/26 12:00:00 am – 4/29/26 11:59:59 pm
/fragments/homepage/2026/01-jan/09-customer-favs
date
1/9/26 12:00:00 AM – 4/29/26 11:59:59 pm
/fragments/homepage/2026/03-march/05-now-featuring
date
3/5/26 12:00:00 am – 4/29/26 11:59:59 pm
/fragments/homepage/2025/10-oct/hp-plain-white-socks-oct25
date
3/5/26 12:00:00 am
/fragments/banners/category/2025/hns-moves-hp-cat-bnr
date
04/11/25 12:00:00 AM
/fragments/homepage/2025/11-nov/comfort-fit-scrubs-1120
date
11/20/25 12:00:00 AM
preconfigured
true
name
[HNS] Homepage - New Arrivals 2