@charset "utf-8";

.adaptive-layout [data-cms-name="Featured Content - Top"] { display: block; }

.pla-slide .pla-slide__overlay span.reg span.regPrice { color: rgb(34, 34, 34); }

.pla-slide .pla-slide__overlay span.regPrice { color: rgb(102, 102, 102); }

.adaptive-layout .pla-slider__bg { width: 100%; margin-right: 50px; padding: 0px 50px; overflow: hidden; box-sizing: border-box; background-color: rgb(255, 255, 255); }

.adaptive-layout.pla-test-active [data-cms-name="Featured Content - Top"] { display: none !important; }

.crate-bold { font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; text-decoration: inherit; -webkit-font-smoothing: antialiased; }

.adaptive-layout .pla-slide__overlay { opacity: 1; transition: 1s; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 0.75em 0px; }

.adaptive-layout .pla-slide__overlay, .responsive-layout .pla-slide__overlay { font-size: 14px; line-height: 20px; }

.adaptive-layout .homepage-category-atc-carousel .pla-header__copy h3 { line-height: 1.3; margin-bottom: 0.25em; }

.adaptive-layout .homepage-category-atc-carousel .pla-slide__overlay .copyM-responsive { letter-spacing: 0.08em; text-transform: uppercase; line-height: 1; }

.adaptive-layout .homepage-category-atc-carousel .pla-header__copy p.copyM-responsive { margin-bottom: 2em; }

.adaptive-layout .pla-slide__overlay { font-size: 14px; line-height: 1; }

.responsive-layout .pla-slide__overlay { font-size: 14px; line-height: 20px; }

.pla-slide__overlay p:first-child { letter-spacing: 0px; }

.pla-slide__overlay .name { margin-bottom: 0px; text-decoration: none; }

.adaptive-layout .pla-slide:hover .pla-slide__overlay, .pla-slide a:focus .pla-slide__overlay { opacity: 1; }

.adaptive-layout .pla-slide__overlay__content { width: 72%; text-align: center; }

.adaptive-layout .pla-slide__overlay__content p:nth-child(2) { margin-bottom: 2em; }

.adaptive-layout .pla-slide__overlay .view-details { background-color: rgb(34, 34, 34); display: block; width: fit-content; padding: 4% 6%; margin: 0px auto; position: relative; }

.adaptive-layout .pla-slide__overlay .view-details p { margin: 0px; }

.adaptive-layout .pla-slide__overlay p:first-child { text-transform: capitalize; }

.responsive-layout .pla-slide__overlay p.mob16-responsive { letter-spacing: 0.08em; margin-top: 0px; }

.responsive-layout .pla-header__copy h3.mob21-responsive { letter-spacing: 0.08em; line-height: 1.33; }

.static-track .pla-slide { -webkit-box-flex: 0; flex: 0 0 33.33%; }

.pla-header { margin-bottom: 1.5em; position: relative; display: flex; align-items: center; z-index: 1; }

.pla-header__copy h2, .pla-header__copy h3 { line-height: 1; margin-top: 0px; margin-bottom: 0px; margin-right: 0.4em; }

.adaptive-layout .section-header { font-size: 20px; font-weight: 500; color: rgb(34, 34, 34); text-transform: uppercase; letter-spacing: 1px; }

.responsive-layout .section-header { font-size: 24px; line-height: 1.2; margin-bottom: 0.25em; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; }

.pla-header__copy p { margin-bottom: 0.4em; }

.responsive-layout .pla-header__copy { padding-left: 18px; margin-bottom: 1em; }

.responsive-layout .pla-controls { display: none; }

.pla-controls { display: flex; margin-left: auto; margin-right: 0.4em; justify-content: space-between; }

.pla-controls button { z-index: 4; max-width: 60px; max-height: 60px; height: 18px; width: 18px; font-size: 10px; padding: 10px; cursor: pointer; border: 1px solid rgb(204, 204, 204); margin-bottom: 10px; }

.pla-controls button:first-child { margin-left: -0.5em; margin-right: 1.1em; }

.pla-controls button:last-child { margin-right: -0.5em; }

.pla-control { background: transparent; border: none; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 30px; height: 30px; opacity: 1; pointer-events: none; }

.pla-control svg { width: 100%; height: 100%; stroke-width: 1; color: rgb(204, 204, 204); }

.pla-control.active-toggle { visibility: visible; z-index: 10; opacity: 1; pointer-events: initial; border-color: rgb(34, 34, 34); }

.pla-control.active-toggle svg { color: rgb(34, 34, 34); }

.pla-control:focus::before { content: ""; position: absolute; border: 1px dotted rgb(34, 34, 34); inset: 0px; }

.pla-control:focus::after { content: ""; position: absolute; border: 1px dotted rgb(255, 255, 255); inset: -2px; }

.adaptive-layout .hover-product-name { font-size: 14px; line-height: 20px; color: rgb(55, 55, 55); text-decoration: none; margin: 0px 0px 4px; }

.adaptive-layout .hover-product-price { font-size: 14px; }

@media screen and (min-width: 768px) {
  .main-product-and-family .breadcrumb-container { padding: 24px 0px 40px; }
}

.pla-slider { position: relative; }

.adaptive-layout .pla-slider { overflow: hidden; }

.pla-slider__wrapper { width: 100%; margin: 1em auto 0px; padding: 1em 0px 0px; }

.responsive-layout .pla-slider__wrapper { width: 100%; margin: 0px auto; padding: 2em 0px 0px; }

.pla-slider__track { margin-left: -0.25em; transition: 0.5s; display: flex; margin-bottom: 0px; gap: 1.1%; }

.responsive-layout .pla-slider__track { overflow-y: scroll; padding-left: 0px; padding-bottom: 1.5em; padding-right: 16px; gap: 15px; }

.pla-controls { top: 24%; }

.main-product-and-family .pla-slide a { text-decoration: none; }

.pla-slide a:hover, .pla-slide a:focus { text-decoration: none; }

.responsive-layout .pla-side a:focus { outline: rgb(34, 34, 34) dotted 1px; }

.responsive-layout .prod-carousel-shop-btn:focus::after { border-width: 0.1em; border-radius: 0.1em; border-style: dotted; position: absolute; z-index: 999; content: ""; border-color: rgb(34, 34, 34); inset: 0.3em; }

.pla-slide { transform: translateX(0px); -webkit-box-flex: 1; flex: 1 0 16.7%; padding: 0px 0.25em; box-sizing: border-box; position: relative; transition: transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1), opacity 0.64s cubic-bezier(0.65, 0.09, 0.215, 1), -webkit-transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1); will-change: transform; }

.responsive-layout .pla-slide { flex: 1 0 41.6667%; padding: 0px; margin-right: 0.5em; }

.breadcrumb-slider .pla-slide { transform: translateX(0px); -webkit-box-flex: 1; flex: 1 0 24.25%; padding: 0px 0.25em; box-sizing: border-box; position: relative; transition: transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1), opacity 0.64s cubic-bezier(0.65, 0.09, 0.215, 1), -webkit-transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1); will-change: transform; }

.responsive-layout .breadcrumb-slider .pla-slide { flex: 1 0 55%; padding: 0px; margin-right: 0.175em; display: flex; flex-direction: column; align-items: flex-start; }

.responsive-layout .pla-slide .hover-product-name { color: rgb(34, 34, 34); text-transform: none; letter-spacing: 0px; white-space: normal; margin: 0px; padding: 0px 0px 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px !important; line-height: 20px !important; }

.pla-slide a { position: relative; display: block; z-index: 1; }

.responsive-layout .pla-slide a { text-decoration: none; padding-bottom: 0.25em; }

.pla-slide img { width: 100%; margin-bottom: 0.5em; }

.pla-slide__overlay .name { margin-bottom: 0px; }

.adaptive-layout .hover-product-name { font-size: 14px; line-height: 20px; color: rgb(55, 55, 55); text-decoration: none; margin: 0px 0px 4px; }

.adaptive-layout .hover-product-price { font-size: 14px; }

.adaptive-layout .pla-slide__overlay .name, .adaptive-layout .pla-slide__overlay .price { text-decoration: none; }

.adaptive-layout .pla-slide:hover .pla-slide__overlay, .pla-slide a:focus .pla-slide__overlay { opacity: 1; }

.adaptive-layout .pla-slide__overlay__content { width: 72%; text-align: center; }

.adaptive-layout .pla-slide__overlay__content p:nth-child(2) { margin-bottom: 2em; }

.adaptive-layout .pla-slide__overlay .view-details { background-color: rgb(34, 34, 34); display: block; width: fit-content; padding: 4% 6%; margin: 0px auto; position: relative; }

.adaptive-layout .pla-slide__overlay .view-details p { margin: 0px; }

.responsive-layout .pla-slider__bg { width: 100%; margin-bottom: 2em; padding-bottom: 1em; background-color: rgb(255, 255, 255); }

.responsive-layout .pla-header { margin-left: 1.25em; margin-bottom: 1em; }

.responsive-layout .pla-slide:first-child { margin-left: 1.43em; }

.pla-grid__wrapper { display: block; clear: both; float: left; margin: 5em 0px; }

.responsive-layout .pla-grid__wrapper { margin: 1em -1.3em; }

.pla-grid { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; box-sizing: border-box; margin: 0px -4px; }

.pla-grid__item { width: calc(25% - 8px); margin: 0px 4px 4.325em; }

.responsive-layout .pla-grid__item { width: calc(50% - 8px); margin: 0px 4px 2.85em; }

.pla-grid__item--info { margin-top: 4px; padding: 16px 24px 8px 16px; }

.responsive-layout .pla-grid__item--info { padding: 4px 14px 0px; }

.responsive-layout .pla-grid__item--info p:first-child { margin: 4px 0px 12px; }

.pla-grid__item a { text-decoration: none; }

.pla-grid__item a:hover p { text-decoration: underline; }

.text-lg, [class*="text-lg"] { font-size: 16px !important; line-height: 24px !important; }

.responsive-layout .text-lg, .responsive-layout [class*="text-lg"] { font-size: 14px !important; line-height: 20px !important; }

.pla-grid__wrapper .showcase-title { display: flex; align-items: flex-end; margin-bottom: 0.5em; }

.responsive-layout .pla-grid__wrapper .showcase-title { justify-content: space-between; margin: 0px 1.3em 0.5em; }

.showcase-title h2 { font-size: 24px; }

.pla-grid__wrapper .showcase-title h2 { margin: 0px 0.75em 0px 0px; }

.showcase-title p { font-size: 14px; margin: 0px; }

.responsive-layout showcase-title p { line-height: 1.5; }

.responsive-layout .showcase-title h2 { font-size: 20px; line-height: 24px; }

.no-sale-price, .recommendation-carousel-container { display: none !important; }

.nla-mpdp-message, .main-product-and-family .nla-mpdp-message { padding: 36px 0px; }

.pla-slide .salePrice { padding-right: 8px; }

.responsive-layout .pla-slide .salePrice { display: block; }

.loading-in { animation: 1s linear 0s infinite alternate none running skeleton-loading; opacity: 1; transition: 0.2s; }

.responsive-layout .loading-in-text { width: 100%; height: 1.38em; margin-bottom: 0.2em; border-radius: 0.125em; }

.adaptive-layout .loading-in-text { width: 100%; height: 17px; margin-bottom: 0.25em; border-radius: 0.125em; }

.loading-in-text:last-child { margin-bottom: 0px; width: 80%; }

.marquee-product.full-opacity { opacity: 1; }

.marquee-product.no-opacity { opacity: 0; }

.skeleton-slide.no-opacity { opacity: 0; }

.skeleton-slide { transform: translateX(0px); -webkit-box-flex: 1; flex: 1 0 24.25%; padding: 0px 0.25em; box-sizing: border-box; position: relative; transition: transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1), opacity 0.64s cubic-bezier(0.65, 0.09, 0.215, 1), -webkit-transform 0.6s cubic-bezier(0.65, 0.09, 0.35, 1); will-change: transform; }

.loading-in-image { max-width: 100%; border-radius: 0.125em; }

.adaptive-layout .loading-in-image { margin-bottom: 1em; }

.loading-in-image img { opacity: 0; }

.adaptive-layout .loading-in-image img { width: 100%; height: auto; }

.skeleton-slide .loading-in-image { height: auto; width: auto; }

.responsive-layout .skeleton-slide { flex: 1 0 55%; padding: 0px 0px 0px 3px; }

.responsive-layout .skeleton-slide:first-child { margin-left: 18px; }

.adaptive-layout .hidden-desktop { display: none; }

@keyframes skeleton-loading { 
  0% { background-color: rgb(217, 217, 217); }
  100% { background-color: rgb(242, 242, 242); }
}

@media only screen and (max-width: 767px) {
  .os-desktop { display: none; }
  .adaptive-layout .pla-slide__overlay .carousel-item-label { letter-spacing: 0px; text-transform: none; }
  .adaptive-layout .pla-header__copy .carousel-section-title { letter-spacing: 0.12em; text-transform: uppercase; font-size: 14px; line-height: 1.4; }
  .brand-carousel-atc-container { position: fixed; z-index: 123; inset: 0px; transform: none; }
  .brand-carousel-atc-gray-bg { position: absolute; z-index: 99; background-color: rgba(34, 34, 34, 0.65); inset: 0px; width: 100%; height: 100%; }
  .brand-carousel-atc-confirmation-flyout { width: 100%; position: relative; z-index: 102; box-sizing: border-box; top: 0px; background-color: rgb(255, 255, 255); transform: none; height: auto; max-height: none; padding: 0px 0px 0.5em; animation: 0.5s ease-out 0s 1 normal none running slide-in-top; }
  .atc-confirmation-sticky-close-container { position: sticky; top: 0px; height: 48px; width: 100%; margin: 0px; background-color: rgb(255, 255, 255); z-index: 2; display: flex; justify-content: flex-end; }
  #atc-popup-close { padding: 0px; border: none; height: 50px; width: 50px; margin-right: 1px; background: rgb(255, 255, 255) !important; }
  .atc-svg-icon-close { height: 32px; width: 32px; padding: 8px; }
  .atc-popup-content { display: flex; width: calc(100% - 36px); justify-content: space-between; flex-direction: column; max-width: 100%; margin: 24px auto; padding: 0px 18px; }
  .atc-product-added-container { display: flex; width: 100%; text-align: left; flex-direction: column; margin-bottom: 24px; }
  .atc-product-added { display: none; }
  .atc-prod-added-container h2 { margin: 0px; font-size: 20px; }
  .atc-product-details-container { display: flex; width: 100%; flex-direction: column; max-width: 440px; }
  .atc-prod-added-container { display: flex; align-items: center; }
  .atc-cart-item-and-subtotal-container { display: none; }
  .atc-cart-item-count { text-align: left; width: 50%; display: flex; justify-content: flex-start; }
  .atc-cart-item-count h2 { margin: 0px; }
  .atc-subtotal { width: 50%; display: flex; justify-content: end; }
  .atc-svg-icon-success { font-size: 10px; width: 2em; height: 2em; max-width: 40px; stroke-width: 4px; max-height: 40px; padding-right: 12px; }
  .prod-carousel-shop-btn { border: 1px solid rgb(34, 34, 34); background-color: transparent; padding: 0.25em 0.75em; margin-top: auto; text-transform: uppercase; line-height: 1; position: relative; }
  .prod-carousel-shop-btn span { text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; font-size: 12px; }
  .atc-button-options-container { display: flex; flex-direction: column; }
  .atc-checkout-button { background-color: rgb(34, 34, 34); text-align: center; margin-bottom: 8px; border: 1px solid rgb(34, 34, 34); width: calc(100% - 2px); padding: 0px; line-height: 46px; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
  .atc-continue-shopping-button { background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); text-align: center; margin-bottom: 8px; border: 1px solid rgb(34, 34, 34); padding: 0px; width: calc(100% - 2px); line-height: 46px; text-transform: uppercase; letter-spacing: 0.1em; }
  .atc-continue-shopping-button:focus, .atc-checkout-button:focus, .atc-tooltip-container:focus { outline: rgb(34, 34, 34) dotted 2px; outline-offset: 1px; }
  .atc-tooltip-container { position: relative; width: fit-content; background: transparent; border: none; }
  .atc-tooltip-message-popup { position: absolute; background-color: rgb(240, 239, 237); inset: 80px auto auto 0px; display: block; padding: clamp(6px, 0.4em, 18px); width: 100px; max-width: 86px; color: rgb(34, 34, 34); opacity: 0; transition: 0.2s; text-align: left; }
  .atc-tooltip-message-popup span { font-size: 12px; display: block; }
  .atc-tooltip-message-popup::before { box-sizing: border-box; content: ""; display: block; width: 0px; height: 0px; border-color: inherit; border-style: solid; border-width: 0.4em 0.8em; background: inherit; position: absolute; inset: -8px auto auto 12px; clip-path: polygon(50% 0px, 100% 100%, 0px 100%); color: rgb(240, 239, 237); }
  .atc-tooltip-container:hover .atc-tooltip-message-popup, .atc-tooltip-container:focus .atc-tooltip-message-popup, .prod-carousel-shop-btn:focus { opacity: 1; }
}

@media only screen and (min-width: 768px) {
  .os-mobile { display: none; }
  .carousel-subheadline { text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 0.75em; margin-bottom: -1.5em; }
  .adaptive-layout .pla-slide__overlay .carousel-item-label { letter-spacing: 0px; text-transform: none; font-size: 14px; color: rgb(34, 34, 34); line-height: 1.4 !important; }
  .adaptive-layout .pla-header__copy .carousel-section-title { letter-spacing: 0.12em; text-transform: uppercase; font-size: calc(-5.71429px + 2.90179vw); line-height: 1.1; padding-bottom: 0px; }
  .image-shop-btn-overlay-container { position: relative; }
  .prod-carousel-shop-btn { position: absolute; bottom: 0.5em; left: 0px; height: 46px; width: calc(100% - 12px); text-align: center; background-color: rgb(34, 34, 34); border: none; opacity: 0; transition: 0.25s; z-index: 2; }
  .prod-carousel-shop-btn span { text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 0.5em 1em; font-size: 12px; line-height: 20px; }
  .pla-slide:hover .prod-carousel-shop-btn { opacity: 1; }
  .pla-side:has(.prod-carousel-shop-btn) { position: relative; }
  .brand-carousel-atc-container { position: fixed; z-index: 123; inset: 0px; transform: none; }
  .brand-carousel-atc-gray-bg { position: absolute; z-index: 99; background-color: rgba(34, 34, 34, 0.65); inset: 0px; width: 100%; height: 100%; }
  .brand-carousel-atc-confirmation-flyout { width: 100%; position: relative; z-index: 102; box-sizing: border-box; top: 0px; background-color: rgb(255, 255, 255); transform: none; height: auto; max-height: none; padding: 0px 0px 4.3em; animation: 0.5s ease-out 0s 1 normal none running slide-in-top; }
  .atc-confirmation-sticky-close-container { position: sticky; top: 0px; height: 48px; width: 100%; margin: 0px; background-color: rgb(255, 255, 255); z-index: 2; display: flex; justify-content: flex-end; }
  #atc-popup-close { padding: 0px; border: none; height: 50px; width: 50px; background: rgb(255, 255, 255) !important; }
  .atc-svg-icon-close { height: 32px; width: 32px; padding: 6px; }
  .atc-popup-content { display: flex; width: 100%; justify-content: space-between; flex-direction: row; max-width: 1280px; margin: 24px auto; padding-bottom: 16px; }
  .atc-product-added-container { display: flex; width: 50%; text-align: left; flex-direction: column; }
  .atc-product-added { padding-top: 20px; }
  .atc-prod-added-container h2 { margin: 0px; font-size: 20px; }
  .atc-product-details-container { display: flex; width: 50%; flex-direction: column; max-width: 440px; }
  .atc-prod-added-container { display: flex; align-items: center; }
  .atc-cart-item-and-subtotal-container { display: flex; width: 100%; margin-bottom: 40px; }
  .atc-cart-item-count { text-align: left; width: 50%; display: flex; justify-content: flex-start; }
  .atc-cart-item-count h2 { margin: 0px; }
  .atc-subtotal { width: 50%; display: flex; justify-content: end; }
  .atc-svg-icon-success { font-size: 10px; width: 2em; height: 2em; max-width: 40px; stroke-width: 4px; max-height: 40px; padding-right: 12px; }
  .atc-button-options-container { display: flex; flex-direction: column; }
  .atc-checkout-button { background-color: rgb(34, 34, 34); text-align: center; margin-bottom: 8px; border: 1px solid rgb(34, 34, 34); width: calc(100% - 2px); padding: 0px; line-height: 46px; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
  .atc-continue-shopping-button { background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); text-align: center; margin-bottom: 8px; border: 1px solid rgb(34, 34, 34); padding: 0px; width: calc(100% - 2px); line-height: 46px; text-transform: uppercase; letter-spacing: 0.1em; }
  .atc-continue-shopping-button:focus, .atc-checkout-button:focus, .atc-tooltip-container:focus { outline: rgb(34, 34, 34) dotted 2px; outline-offset: 1px; }
  .atc-tooltip-container { position: relative; width: fit-content; background: transparent; border: none; }
  .atc-tooltip-message-popup { position: absolute; background-color: rgb(240, 239, 237); inset: 80px auto auto 0px; display: block; padding: clamp(6px, 0.4em, 18px); width: 100px; max-width: 86px; color: rgb(34, 34, 34); opacity: 0; transition: 0.2s; text-align: left; }
  .atc-tooltip-message-popup span { font-size: 12px; display: block; }
  .atc-tooltip-message-popup::before { box-sizing: border-box; content: ""; display: block; width: 0px; height: 0px; border-color: inherit; border-style: solid; border-width: 0.4em 0.8em; background: inherit; position: absolute; inset: -8px auto auto 12px; clip-path: polygon(50% 0px, 100% 100%, 0px 100%); color: rgb(240, 239, 237); }
  .atc-tooltip-container:hover .atc-tooltip-message-popup, .atc-tooltip-container:focus .atc-tooltip-message-popup, .prod-carousel-shop-btn:focus { opacity: 1; }
  .adaptive-layout .prod-carousel-shop-btn:focus { outline: rgb(255, 255, 255) dotted 1px; outline-offset: -4px; }
}

@media only screen and (min-width: 1920px) {
  .adaptive-layout .pla-slide__overlay .carousel-item-label { font-size: 14px; line-height: 1; }
  .adaptive-layout .pla-header__copy .carousel-section-title { font-size: 50px; }
}

@keyframes slide-in-top { 
  0% { transform: translate(0px, -100%); }
  100% { transform: translate(0px, 0px); }
}