@media (max-width: 1180px) {
  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-grid--related {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-feature-grid,
  .results-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__grid,
  .benefit-strip__grid,
  .icon-ribbon__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__grid {
    gap: 32px 24px;
  }

  .site-footer__bottom {
    align-items: flex-start;
  }

  .site-footer__meta {
    max-width: none;
    text-align: left;
    justify-items: start;
  }

  .collection-layout,
  .product-shell__grid,
  .product-body,
  .cart-grid,
  .hero-stage__grid,
  .image-feature__grid,
  .promo-split__grid {
    grid-template-columns: 1fr;
  }

  .product-panel,
  .collection-filters {
    position: static;
  }

  .product-grid--collection {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .product-card--collection .product-card__image {
    aspect-ratio: 1 / 1;
  }

  .section-banner-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-banner__content {
    left: 36px;
  }

  .results-video-card {
    flex-basis: calc((100% - 28px) / 2);
  }
}

@media (max-width: 860px) {
  .collection-filters-drawer {
    width: min(520px, 84vw);
    max-width: 84vw;
  }

  .announcement-bar__items {
    gap: 60px;
    padding: 6px 60px 6px 0;
  }

  @keyframes ticker-marquee {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(calc(-100% - 30px));
    }
  }

  .desktop-nav,
  .desktop-only {
    display: none;
  }

  .header-icon--mobile,
  .filter-trigger {
    display: inline-flex;
  }

  .collection-filter-form--inline {
    display: none;
  }

  .collection-shell {
    padding-top: 18px;
  }

  .collection-shell__header--centered {
    margin-bottom: 20px;
  }

  .collection-shell__header--centered h1 {
    font-size: 32px;
    letter-spacing: 0.02em;
  }

  .collection-toolbar {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .collection-toolbar__left,
  .collection-toolbar__right {
    width: auto;
  }

  .collection-toolbar__count {
    font-size: 13px;
  }

  .search-shell {
    padding-top: 18px;
  }

  .search-shell__header {
    gap: 18px;
    margin-bottom: 24px;
    padding: 14px 0 8px;
  }

  .search-shell__header h1 {
    font-size: 32px;
  }

  .search-results-form--search-page {
    width: 100%;
    padding: 4px 8px 4px 18px;
    border-radius: 16px;
  }

  .search-results-form--search-page input[type="search"] {
    min-height: 58px;
    font-size: 18px;
  }

  .search-results-form--search-page button {
    min-width: 52px;
    min-height: 52px;
  }

  .filter-trigger {
    min-height: 0;
    padding: 0;
    font-size: 18px;
    letter-spacing: 0.02em;
  }

  .filter-trigger__icon {
    width: 20px;
    height: 20px;
  }

  .site-header__inner {
    grid-template-areas: "nav logo actions";
    grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr);
    gap: 12px;
    min-height: 60px;
  }

  .site-header__inner--checkout {
    grid-template-columns: auto 1fr;
    min-height: 64px;
  }

  .site-logo {
    min-width: 0;
    justify-self: center;
    font-size: 22px;
  }

  .site-footer__grid,
  .product-grid,
  .review-grid,
  .article-grid,
  .section-banner-row,
  .product-grid--home,
  .results-video-grid,
  .icon-ribbon__grid--triple,
  .benefit-strip__grid,
  .icon-ribbon__grid,
  .story-grid__cards {
    grid-template-columns: 1fr;
  }

  .product-grid--collection {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 14px;
  }

  .product-grid--search {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 14px;
  }

  .product-card--collection {
    border-radius: var(--radius-xl);
  }

  .product-card--search {
    border-radius: var(--radius-xl);
  }

  .product-card--collection .product-card__image {
    aspect-ratio: 1 / 1;
  }

  .product-card--search .product-card__image {
    aspect-ratio: 1 / 1.24;
  }

  .product-card--collection .product-card__body {
    gap: 8px;
    padding: 12px 12px 14px;
  }

  .product-card--search .product-card__body {
    gap: 8px;
    padding: 12px 12px 14px;
  }

  .product-card--collection h3 {
    min-height: 0;
    font-size: 15px;
    line-height: 1.18;
  }

  .product-card--search h3 {
    min-height: 40px;
    font-size: 15px;
    line-height: 1.18;
  }

  .product-card--collection .price-stack {
    gap: 6px;
  }

  .product-card--search .price-stack {
    gap: 6px;
  }

  .product-card--collection .price-stack__current {
    font-size: 16px;
  }

  .product-card--search .price-stack__current {
    font-size: 16px;
  }

  .product-card--collection .price-stack__compare {
    font-size: 13px;
  }

  .product-card--search .price-stack__compare {
    font-size: 12px;
  }

  .product-card--collection .product-card__cta {
    min-height: 40px;
    border-radius: var(--radius-md);
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  .product-grid--related {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }

  .product-extra__split,
  .product-extra__feature-grid {
    grid-template-columns: 1fr;
  }

  .hero-banner {
    padding-top: 0;
  }

  .hero-banner__slide--desktop {
    display: none;
  }

  .hero-banner__slide--mobile {
    display: block;
  }

  .hero-banner__image {
    aspect-ratio: 0.66;
  }

  .hero-banner__content {
    left: 50%;
    right: auto;
    bottom: 44px;
    top: auto;
    width: calc(100% - 40px);
    max-width: 300px;
    padding: 0 8px;
    text-align: center;
    transform: translate(-50%, 0);
    z-index: 2;
  }

  .hero-banner__content h1 {
    max-width: none;
    margin: 0 auto;
    font-size: 1.72rem;
    letter-spacing: 0.035em;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
  }

  .hero-banner__content--mobile {
    margin-inline: auto;
  }

  .hero-banner__content--mobile .hero-banner__content-inner {
    display: grid;
    justify-items: center;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .hero-banner__content--mobile p {
    margin: 0;
    max-width: none;
    text-align: center;
    color: #2a2327;
    font-size: 13px;
    letter-spacing: 0.01em;
    line-height: 1.24;
    white-space: nowrap;
  }

  .hero-banner__content--mobile .hero-banner__cta {
    margin-top: 4px;
    min-height: 48px;
    padding: 0 28px;
    font-size: 14px;
  }

  .sticky-atc {
    position: fixed;
    right: 16px;
    bottom: 14px;
    left: 16px;
    z-index: 40;
    display: block;
  }

	.hero-stage__copy,
	.image-feature__copy,
	.product-panel,
	.collection-filters,
	.site-footer__col {
	  padding: 24px;
	}

	.product-shell > .page-width {
    width: min(calc(100% - 2px), var(--page-width));
  }

	.product-panel {
    padding: 4px 0 0;
  }

  .product-panel > .product-extra,
  .beautylulus-pdp-sections-shell,
  .product-section--related {
    margin-left: -1px;
    margin-right: -1px;
  }

  .site-footer__col {
    padding: 0;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .site-footer__newsletter-content {
    gap: 12px;
  }

  .site-footer .newsletter-form {
    gap: 8px;
  }

  .site-footer .newsletter-form__field,
  .site-footer .newsletter-form input[type="email"] {
    min-height: 50px;
  }

  .site-footer .newsletter-form input[type="email"] {
    padding: 22px 16px 9px;
  }

  .site-footer .newsletter-form__label {
    top: 16px;
    left: 16px;
  }

  .site-footer .newsletter-form__submit,
  .site-footer .newsletter-form button {
    min-height: 46px;
    font-size: 12px;
  }

  .collection-toolbar {
    align-items: center;
    flex-direction: row;
  }

  .collection-toolbar__left,
  .collection-toolbar__right {
    width: auto;
    justify-content: space-between;
  }

  .hero-stage__visuals {
    min-height: 360px;
  }

  .hero-stage__primary {
    width: 100%;
    height: 100%;
    inset: 0;
  }

  .hero-stage__secondary {
    display: none;
  }

  .results-video-grid {
    gap: 12px;
  }

  .results-video-card {
    flex-basis: 100%;
  }

  .home-feature-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-inline: -16px;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }

  .home-feature-grid::-webkit-scrollbar {
    display: none;
  }

  .home-feature-card {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .benefit-strip__grid--mobile-scroll {
    gap: 12px;
    margin-inline: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
    scroll-behavior: smooth;
  }

  .benefit-strip__grid--mobile-scroll,
  .story-grid__cards--gifted,
  .icon-ribbon__grid--mobile-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .benefit-strip__grid--mobile-scroll::-webkit-scrollbar,
  .story-grid__cards--gifted::-webkit-scrollbar,
  .icon-ribbon__grid--mobile-carousel::-webkit-scrollbar {
    display: none;
  }

  .benefit-pill--detailed,
  .related-products__scroller > div {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .related-products__scroller {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .related-products__scroller > div {
    flex: none;
    min-width: 0;
  }

  .benefit-pill--detailed {
    min-height: 164px;
    justify-content: center;
    gap: 12px;
    padding: 18px 20px 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .benefit-pill--detailed img {
    width: 34px;
    height: 34px;
  }

  .benefit-pill--detailed h3 {
    font-size: 18px;
    line-height: 1.12;
  }

  .benefit-pill--detailed p {
    max-width: 24ch;
    font-size: 13px;
    line-height: 1.55;
  }

  .benefit-strip__controls {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    gap: 18px;
    width: min(100%, 580px);
    margin: 0 auto;
    padding: 0 14px;
  }

  .story-grid__cards--gifted {
    display: flex;
    gap: 14px;
    margin-inline: -16px;
    padding-inline: 16px;
    scroll-padding-inline: 16px;
    grid-template-columns: none;
  }

  .story-card--gifted {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .story-card--gifted .story-card__copy {
    padding: 0 8px;
    font-size: 14px;
    line-height: 1.7;
  }

  .icon-ribbon__grid--mobile-carousel {
    --care-mobile-side-padding: 15px;
    display: flex;
    gap: var(--care-mobile-side-padding);
    margin-inline: 0;
    padding-inline: var(--care-mobile-side-padding);
    scroll-padding-inline: var(--care-mobile-side-padding);
    grid-template-columns: none;
  }

  .icon-ribbon__item--stacked {
    flex: 0 0 calc(100% - (var(--care-mobile-side-padding) * 2));
    min-height: 216px;
    padding: 34px 24px 20px;
    border-radius: 0;
    background: transparent;
    border-left: 0;
    scroll-snap-align: start;
  }

  .icon-ribbon__item--stacked {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 18px;
    text-align: center;
  }

  .icon-ribbon__item--stacked img {
    width: 52px;
    height: 52px;
    flex: none;
    margin: 0 auto;
  }

  .icon-ribbon__copy {
    gap: 8px;
    width: min(100%, 300px);
  }

  .icon-ribbon__item--stacked span {
    font-size: 17px;
    line-height: 1.15;
  }

  .icon-ribbon__item--stacked p {
    margin: 0;
    color: #6c6167;
    font-size: 14px;
    line-height: 1.6;
  }

  .icon-ribbon__controls {
    display: grid;
  }

  .mobile-carousel__controls {
    display: grid;
  }

  .mobile-carousel--mobile-only .mobile-carousel__controls {
    display: grid;
  }

  .mobile-carousel--results .mobile-carousel__controls {
    width: min(100%, 420px);
  }

  .collection-filters-drawer .site-drawer__body {
    padding-top: 4px;
  }

  .quick-view-modal {
    padding: 16px;
  }

  .quick-view-modal__dialog {
    width: min(100vw - 24px, 920px);
    height: min(90vh, 980px);
  }

  .product-extra__split-copy,
  .product-extra__feature-card {
    padding: 22px;
  }

  .product-extra__video-grid,
  .product-extra__feature-grid,
  .product-extra__review-grid,
  .product-extra__stats-grid,
  .product-extra__science {
    grid-template-columns: 1fr;
  }

  .product-extra--bp-spicule-lip-shot {
    margin-left: -2px;
    margin-right: -2px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__video-grid,
  .product-extra--bp-spicule-lip-shot .product-extra__feature-grid,
  .product-extra--bp-spicule-lip-shot .product-extra__review-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    grid-template-columns: none;
    padding: 0 0 4px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__video-grid::-webkit-scrollbar,
  .product-extra--bp-spicule-lip-shot .product-extra__feature-grid::-webkit-scrollbar,
  .product-extra--bp-spicule-lip-shot .product-extra__review-grid::-webkit-scrollbar {
    display: none;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__video-slide {
    flex: 0 0 calc((100% - 14px) / 2);
    min-width: calc((100% - 14px) / 2);
    max-width: calc((100% - 14px) / 2);
    scroll-snap-align: start;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__feature-slide,
  .product-extra--bp-spicule-lip-shot .product-extra__review-slide {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__video-card {
    aspect-ratio: 0.72;
    border-radius: 0;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__feature-card,
  .product-extra--bp-spicule-lip-shot .product-extra__review-card {
    height: 100%;
    padding: 0;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__feature-card img,
  .product-extra--bp-spicule-lip-shot .product-extra__review-card img {
    border-radius: 28px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__review-card img {
    max-height: none;
  }

  .product-extra--bp-spicule-lip-shot .mobile-carousel__controls {
    display: grid;
    width: 100%;
    margin-top: -2px;
  }

  .product-extra--bp-spicule-lip-shot .mobile-carousel__dots button {
    width: 9px;
    height: 9px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__science {
    gap: 12px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split-copy,
  .product-extra--bp-spicule-lip-shot .product-extra__science-copy {
    padding: 8px 20px 2px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split-copy h2,
  .product-extra--bp-spicule-lip-shot .product-extra__science-copy h2 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.04;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split-copy p,
  .product-extra--bp-spicule-lip-shot .product-extra__science-copy > p:not(.product-extra__eyebrow),
  .product-extra--bp-spicule-lip-shot .product-extra__feature-card p:last-child,
  .product-extra--bp-spicule-lip-shot .product-extra__review-card p {
    max-width: none;
    font-size: 13px;
    line-height: 1.74;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__section-heading h2 {
    font-size: 28px;
    line-height: 1.05;
  }


  .product-extra--pdrn-pink-collagen {
    margin-left: -2px;
    margin-right: -2px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__video-grid,
  .product-extra--pdrn-pink-collagen .product-extra__review-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    grid-template-columns: none;
    padding: 0 0 4px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__video-grid::-webkit-scrollbar,
  .product-extra--pdrn-pink-collagen .product-extra__review-grid::-webkit-scrollbar {
    display: none;
  }

  .product-extra--pdrn-pink-collagen .product-extra__video-slide,
  .product-extra--pdrn-pink-collagen .product-extra__review-slide {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }

  .product-extra--pdrn-pink-collagen .product-extra__video-card {
    border-radius: 28px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__review-card {
    height: 100%;
    padding: 0;
  }

  .product-extra--pdrn-pink-collagen .product-extra__review-card img {
    border-radius: 28px;
    max-height: none;
  }

  .product-extra--pdrn-pink-collagen .mobile-carousel__controls {
    display: grid;
    width: 100%;
    margin-top: -2px;
  }

  .product-extra--pdrn-pink-collagen .mobile-carousel__dots button {
    width: 9px;
    height: 9px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__section-heading {
    padding-left: 18px;
    padding-right: 18px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__split {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__split-copy {
    padding: 8px 18px 2px;
  }

  .product-extra--pdrn-pink-collagen .product-extra__split-copy h2,
  .product-extra--pdrn-pink-collagen .product-extra__section-heading h2 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.04;
  }

  .product-extra--pdrn-pink-collagen .product-extra__split-copy p,
  .product-extra--pdrn-pink-collagen .product-extra__section-heading p,
  .product-extra--pdrn-pink-collagen .product-extra__review-card p {
    max-width: none;
    font-size: 13px;
    line-height: 1.74;
  }

  .product-extra--pdrn-pink-collagen .product-extra__section-heading--compare {
    justify-items: center;
    text-align: center;
  }

  .product-extra--pdrn-pink-collagen .product-extra__review-card {
    justify-items: center;
    text-align: center;
  }

  .product-extra--pdrn-pink-collagen .product-extra__review-card strong {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.01em;
    text-transform: none;
  }

  .product-extra--pdrn-pink-collagen .comparison-slider__before-text,
  .product-extra--pdrn-pink-collagen .comparison-slider__after-text {
    top: 12px;
    padding: 7px 14px;
    font-size: 13px;
  }

  .product-extra--pdrn-pink-collagen .comparison-slider__before-text {
    left: 10px;
  }

  .product-extra--pdrn-pink-collagen .comparison-slider__after-text {
    right: 10px;
  }

  .product-extra--pdrn-pink-collagen .comparison-slider__line--circle {
    width: 54px;
    height: 54px;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split {
    display: flex;
    flex-direction: column;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split-media {
    order: 1;
  }

  .product-extra--bp-spicule-lip-shot .product-extra__split-copy {
    order: 2;
  }

  .product-extra--stain-mouthwash .product-extra__review-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    grid-template-columns: none;
    padding: 0 0 4px;
  }

  .product-extra--stain-mouthwash .product-extra__review-grid::-webkit-scrollbar {
    display: none;
  }

  .product-extra--stain-mouthwash .product-extra__review-slide {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }

  .product-extra--stain-mouthwash .product-extra__review-card {
    justify-items: center;
    text-align: center;
    height: 100%;
    padding: 0;
  }

  .product-extra--stain-mouthwash .product-extra__review-card img {
    border-radius: 28px;
    max-height: none;
  }

  .product-extra--stain-mouthwash .mobile-carousel__controls {
    display: grid;
    width: 100%;
    margin-top: -2px;
  }

  .product-extra--stain-mouthwash .mobile-carousel__dots button {
    width: 9px;
    height: 9px;
  }


  .product-extra--stain-mouthwash .product-extra__split {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .product-extra--stain-mouthwash .product-extra__split-copy {
    padding: 8px 18px 2px;
  }

  .product-extra--stain-mouthwash .product-extra__split-copy h2 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.04;
  }

  .product-extra--stain-mouthwash .product-extra__split-copy p,
  .product-extra--stain-mouthwash .product-extra__section-heading p,
  .product-extra--stain-mouthwash .product-extra__review-card p {
    max-width: none;
    font-size: 13px;
    line-height: 1.74;
  }

  .product-extra__section-heading h2,
  .product-extra__science-copy h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .product-extra__stats-grid article {
    padding: 16px;
  }

  .product-extra__comparison-table {
    min-width: 480px;
  }

  .product-extra__comparison-table th,
  .product-extra__comparison-table td {
    min-width: 120px;
    padding: 14px 10px;
    font-size: 13px;
  }

  .product-extra__science-copy > p:not(.product-extra__eyebrow),
  .product-extra__science-points p,
  .product-extra__review-card p {
    font-size: 14px;
  }

  .product-gallery__viewport {
    position: relative;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 0;
  }

  .product-gallery__viewport::-webkit-scrollbar {
    display: none;
  }

	.product-gallery__slide {
    scroll-snap-align: start;
    min-width: 100%;
    padding: 0;
    border-radius: 0;
  }

	.product-gallery__slide img {
	  width: 100%;
	  aspect-ratio: 1 / 1.12;
	  object-fit: contain;
	  background: #fff;
	}

  .product-gallery__mobile-controls {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    margin-top: 0;
    padding: 0;
    pointer-events: none;
  }

  .product-gallery__nav {
    position: absolute;
    top: 50%;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: var(--radius-pill);
    background: rgba(56, 52, 55, 0.74);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: auto;
  }

  .product-gallery__nav--prev {
    left: 14px;
  }

  .product-gallery__nav--next {
    right: 14px;
  }

  .product-gallery__nav:disabled {
    opacity: 0.36;
  }

  .product-gallery__dots {
    position: absolute;
    right: 58px;
    bottom: 18px;
    left: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    pointer-events: auto;
  }

  .product-gallery__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-pill);
    background: rgba(53, 45, 50, 0.24);
  }

  .product-gallery__dot.is-active {
    background: #121212;
    transform: scale(1.2);
  }

  .product-gallery__thumbs {
    display: none;
  }

  .product-shell--source-hero .product-gallery {
    gap: 0;
    margin-left: -1px;
    margin-right: -1px;
  }

  .product-shell--source-hero .product-gallery__viewport,
  .product-shell--source-hero .product-gallery__slide,
  .product-shell--source-hero .product-gallery__slide img {
    background: #fff;
  }

  .product-shell--source-hero .product-gallery__slide img {
    width: 100%;
    aspect-ratio: 1 / 1.03;
  }

  .product-shell--source-hero .product-gallery__nav {
    width: 38px;
    height: 38px;
    background: rgba(235, 233, 234, 0.94);
    box-shadow: 0 2px 10px rgba(29, 22, 25, 0.1);
    color: #494145;
    font-size: 24px;
  }

  .product-shell--source-hero .product-gallery__nav--prev {
    left: 10px;
  }

  .product-shell--source-hero .product-gallery__nav--next {
    right: 10px;
  }

  .product-shell--source-hero .product-gallery__dots {
    right: 70px;
    bottom: 14px;
    left: 70px;
    gap: 5px;
  }

  .product-shell--source-hero .product-gallery__dot {
    width: 6px;
    height: 6px;
    background: rgba(48, 42, 46, 0.24);
  }

  .product-shell--source-hero .product-gallery__dot.is-active {
    background: #151214;
    transform: none;
  }

  .product-swatch {
    margin: 18px 0 22px;
  }

  .product-swatch__label {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.35;
  }

  .product-swatch__label strong {
    display: inline-block;
    margin-left: 6px;
    font-family: "TStarProHeavy", sans-serif;
    font-size: 18px;
  }

  .product-swatch__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .product-swatch__item {
    width: auto;
    gap: 6px;
  }

  .product-swatch__item img {
    border-radius: var(--radius-md);
  }

  .product-swatch__item.is-active img,
  .product-swatch__item:hover img,
  .product-swatch__item:focus-visible img {
    border-color: rgba(37, 29, 34, 0.92);
    box-shadow: 0 0 0 2px rgba(37, 29, 34, 0.12);
  }

  .product-swatch__text {
    font-size: 12px;
    line-height: 1.25;
  }

  .product-panel__title {
    font-size: 2.8rem;
    letter-spacing: 0.02em;
    line-height: 0.96;
    text-wrap: balance;
  }

  .product-shell--source-hero .product-panel {
    padding-top: 20px;
  }

  .product-shell--source-hero .product-panel__title {
    font-size: 2.18rem;
    line-height: 0.95;
  }

  .product-shell--source-hero .product-panel__price {
    margin-top: 8px;
  }

  .product-shell--source-hero .product-panel__price .price-stack {
    gap: 7px;
  }

  .product-shell--source-hero .product-panel__price .price-stack__current {
    font-size: 19px;
  }

  .product-shell--source-hero .product-panel__price .price-stack__compare {
    font-size: 14px;
  }

  .product-shell--source-hero .product-panel__price .price-stack__saving {
    font-size: 11px;
  }

  .product-shell--source-hero .product-panel__meta {
    gap: 6px;
    margin-bottom: 18px;
  }

  .product-shell--source-hero .product-panel__microcopy {
    font-size: 12px;
    line-height: 1.4;
  }

  .product-shell--source-hero .product-panel__shop-pay {
    margin: 0 3px;
  }

  .product-panel__highlights {
    gap: 8px;
    margin: 12px 0 16px;
  }

  .product-panel__highlight {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 8px;
  }

  .product-panel__highlight-icon {
    width: 20px;
    height: 20px;
  }

  .product-panel__highlight-label {
    font-size: 14px;
    line-height: 1.3;
  }

  .product-panel__social-proof {
    margin-top: 10px;
  }

  .product-bundle {
    gap: 10px;
    margin-bottom: 18px;
  }

  .product-bundle__heading {
    font-size: 11px;
    letter-spacing: 0.2em;
  }

  .product-bundle__options {
    gap: 10px;
  }

  .product-bundle__option {
    grid-template-columns: 26px minmax(0, 1fr) max-content;
    column-gap: 12px;
    row-gap: 6px;
    min-height: 86px;
    padding: 14px 16px;
    border-radius: 12px;
  }

  .product-bundle__option--featured {
    background: rgba(244, 227, 235, 0.34);
  }

  .product-bundle__option--has-badge {
    min-height: 116px;
    padding-bottom: 46px;
  }

  .product-bundle__option--has-badge .product-bundle__copy,
  .product-bundle__option--has-badge .product-bundle__price {
    padding-top: 2px;
  }

  .product-bundle__control {
    width: 26px;
    height: 26px;
    border-width: 2px;
  }

  .product-bundle__option.is-selected .product-bundle__control::after {
    inset: 4px;
  }

  .product-bundle__title {
    font-size: 16px;
  }

  .product-bundle__subtitle {
    font-size: 12px;
  }

  .product-bundle__price {
    min-width: 76px;
  }

  .product-bundle__price .price-stack__current {
    font-size: 15px;
  }

  .product-bundle__price .price-stack__compare {
    font-size: 11px;
  }

  .product-bundle__badge {
    right: 16px;
    bottom: 12px;
    min-width: 74px;
    max-width: 98px;
    min-height: 38px;
    padding: 6px 10px;
    font-size: 10px;
  }

  .sticky-atc {
    right: 6px;
    bottom: 6px;
    left: 6px;
    margin-top: 0;
    z-index: 40;
  }

  .sticky-atc__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 122px;
    align-items: end;
    gap: 14px;
    width: 100%;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
    border-radius: 0;
    border-top: 1px solid rgba(29, 22, 25, 0.08);
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 -6px 20px rgba(29, 22, 25, 0.08);
  }

  .sticky-atc__meta > div {
    gap: 4px;
  }

  .sticky-atc__meta h3 {
    font-size: 15px;
    line-height: 1.07;
    letter-spacing: 0;
    -webkit-line-clamp: 3;
  }

  .sticky-atc__meta .price-stack {
    margin-top: 0;
    gap: 5px;
  }

  .sticky-atc__meta .price-stack__current {
    font-size: 15px;
    line-height: 1;
  }

  .sticky-atc__meta .price-stack__compare {
    font-size: 12px;
    line-height: 1;
  }

  .sticky-atc__button {
    width: 122px;
    min-width: 122px;
    min-height: 52px;
    padding: 0 14px;
    border-radius: 8px;
    align-self: center;
    font-size: 13px;
    box-shadow: none;
  }

  .cart-item {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: start;
  }

  .related-products__scroller {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .related-products__scroller > div {
    flex: none;
    min-width: 0;
  }

  .promo-split {
    padding: 0 0 8px;
  }

  .promo-split__copy {
    display: grid;
    gap: 10px;
  }

  .promo-split__copy h2 {
    font-size: 30px;
    line-height: 1.02;
  }

  .promo-split__copy p {
    max-width: none;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .promo-split__cta {
    display: none;
  }

  .page-shell__header--policy {
    padding: 4px 8px 0;
  }

  .page-shell__header--policy h1 {
    font-size: 32px;
  }

  .header-checkout-summary {
    font-size: 10px;
  }

  .checkout-page__layout {
    grid-template-areas:
      "header"
      "sidebar"
      "sections";
    grid-template-columns: 1fr;
  }

  .checkout-page__header {
    padding: 30px 20px 22px;
  }

  .checkout-page__brand-name {
    font-size: 40px;
  }

  .checkout-page__customer-pill {
    font-size: 16px;
  }

  .checkout-page__benefits {
    gap: 10px;
    font-size: 13px;
  }

  .checkout-page__sections {
    gap: 28px;
    padding: 0 20px 34px;
  }

  .checkout-page__section h2,
  .checkout-page__section h3 {
    font-size: 21px;
  }

  .checkout-page__section-heading {
    align-items: center;
  }

  .checkout-page__field-grid--delivery {
    grid-template-columns: 1fr;
  }

  .checkout-page__sidebar {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    border-left: 0;
  }

  .checkout-page__sidebar-summary {
    position: static;
    padding: 0;
  }

  .checkout-page__summary-bar {
    display: flex;
    margin: 0;
    padding: 0 20px;
    min-height: 72px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    background: #f7f7f7;
  }

  .checkout-review__panel {
    gap: 16px;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    background: #f7f7f7;
    transition: max-height 0.25s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
  }

  .checkout-review__panel.is-open {
    max-height: 2000px;
    padding-top: 20px;
    padding-bottom: 26px;
  }

  .checkout-review__item {
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
  }

  .checkout-review__media img {
    width: 58px;
    height: 58px;
  }

  .checkout-review__totals .order-total th,
  .checkout-review__totals .order-total td {
    font-size: 22px;
  }

  .product-trust,
  .review-card,
  .article-card,
  .empty-state,
  .product-description__content:not(.product-description__content--plain),
  .product-extra__split-copy:not(.product-extra__split-copy--dark),
  .product-extra__feature-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

}

@media (max-width: 560px) {
  .search-drawer__bar {
    gap: 12px;
    padding: 16px 14px 14px;
  }

  .search-drawer__title {
    font-size: 24px;
  }

  .search-drawer__field {
    min-height: 60px;
  }

  .search-drawer__input {
    min-height: 60px;
    padding: 26px 54px 10px 14px;
    font-size: 15px;
  }

  .search-drawer__label {
    left: 14px;
  }

  .search-drawer__submit {
    width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .search-drawer__close {
    width: 38px;
    height: 38px;
    font-size: 28px;
  }

  .collection-filters-drawer {
    width: 84vw;
    max-width: 84vw;
  }

  .search-shell__header {
    gap: 14px;
    margin-bottom: 20px;
  }

  .search-shell__header h1 {
    font-size: 28px;
  }

  .search-results-form--search-page {
    padding: 2px 6px 2px 14px;
    border-radius: 14px;
  }

  .search-results-form--search-page input[type="search"] {
    min-height: 50px;
    font-size: 16px;
  }

  .search-results-form--search-page button {
    min-width: 48px;
    min-height: 48px;
  }

  .quick-view-modal {
    padding: 8px;
  }

  .quick-view-modal__dialog {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
    border-radius: var(--radius-md);
  }

  .quick-view-modal__close {
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
  }

  .product-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .related-products__heading {
    margin-bottom: 18px;
    font-size: 30px;
  }

  .site-header__inner--checkout {
    gap: 10px;
  }

  .header-checkout-summary strong {
    font-size: 11px;
  }

  .checkout-page__header {
    gap: 14px;
  }

  .checkout-page__logo {
    width: min(100%, 250px);
  }

  .checkout-page__customer-pill {
    font-size: 14px;
  }

  .checkout-page__customer-avatars img {
    width: 26px;
    height: 26px;
  }

  .checkout-page__benefits {
    gap: 8px;
    font-size: 12px;
  }

  .checkout-page__benefits li:not(:last-child)::after {
    margin-left: 8px;
  }

  .story-card--gifted {
    flex-basis: 100%;
  }

  .benefit-pill--detailed,
  .icon-ribbon__item--stacked {
    flex-basis: calc(100% - (var(--care-mobile-side-padding) * 2));
  }

  .related-products__scroller > div {
    flex-basis: auto;
  }

  .home-feature-card,
  .results-video-card {
    flex-basis: 100%;
  }

  .benefit-pill--detailed {
    flex-basis: 100%;
    min-height: 154px;
    padding: 16px 18px 8px;
  }

  .benefit-pill--detailed h3 {
    font-size: 17px;
  }

  .benefit-pill--detailed p {
    font-size: 12px;
    line-height: 1.5;
  }

  .benefit-strip__controls {
    width: calc(100% - 48px);
    gap: 12px;
    padding: 10px 16px;
  }

  .product-extra__split-copy,
  .product-extra__feature-card {
    padding: 18px;
  }
}