/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.pdp {
  --pdp-blue-50: #f3f7fb;
  --pdp-blue-400: #4089e4;
  --pdp-blue-600: #003da6;
  --pdp-blue-700: #023095;
  --pdp-blue-950: #001e60;
  --pdp-cyan-300: #67f7fe;
  --pdp-white: #fffffc;
  --pdp-gold-text: #b88744;
  --pdp-font-heading: "Plus Jakarta Sans", quicksand, sans-serif;
  --pdp-font-body: nunito, quicksand, sans-serif;
  --pdp-margin: 1.25rem;
  --pdp-section-padding: 2.5rem;
  --pdp-gutter: 1rem;
  --pdp-glow-inner: inset 0 0 12px 4px rgba(100, 198, 246, .8);
  --pdp-glow-inner-soft: inset 0 0 12px 0 rgba(100, 198, 246, .8);
  --pdp-glow-cyan: inset 0 0 8px 6px rgba(103, 247, 254, .5);
  --pdp-shadow-card: 0 4px 4px 0 rgba(1, 29, 121, .12);
  --pdp-shadow-button: 0 4px 4px 0 rgba(1, 29, 121, .4);
  --pdp-shadow-text: 0 2px 4px rgba(1, 29, 121, .4);
  font-family: var(--pdp-font-body);
  overflow: hidden;
  position: relative;
}

@media (min-width: 992px) {
  .pdp {
    --pdp-margin: 8rem;
    --pdp-section-padding: 3rem;
    --pdp-gutter: 2rem;
  }
}

.page:has(.pdp) .no-container > .row {
  margin-left: 0;
  margin-right: 0;
}

.page:has(.pdp) .no-container > .row > .col-12 {
  padding-left: 0;
  padding-right: 0;
}

.pdp-section {
  
  background: linear-gradient(180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
  isolation: isolate;
  position: relative;
}

[dir="rtl"] .pdp-section {
  
  background: linear-gradient(-180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
}

.pdp-section__inner {
  isolation: isolate;
  margin: 0 auto;
  max-width: 90rem;
  padding: var(--pdp-section-padding) var(--pdp-margin);
  position: relative;
}

.pdp-section__title {
  color: #fff;
  font-family: var(--pdp-font-heading);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 2.5rem;
  margin: 0;
}

@media (min-width: 992px) {
  .pdp-section__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.pdp-gold {
          background-clip: text;
  
  background-image: linear-gradient(90deg, #b88744 0%, #ecd9ab 12%, #e3c676 37.74%, #dbb868 56%, #ecd9ab 72%, #e3c676 88%, #b88744 100%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900 !important;
}

[dir="rtl"] .pdp-gold {
  
  background-image: linear-gradient(-90deg, #b88744 0%, #ecd9ab 12%, #e3c676 37.74%, #dbb868 56%, #ecd9ab 72%, #e3c676 88%, #b88744 100%);
}

.pdp-gold--italic {
  font-style: italic;
  font-weight: 700;
}

.pdp-card {
  border-radius: 1.5rem;
  box-shadow: var(--pdp-shadow-card);
  position: relative;
}

.pdp-card--frost {
  
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .4) 72%, rgba(255, 255, 255, .04) 100%), linear-gradient(112.95deg, rgba(190, 253, 254, .32) 0%, rgba(255, 255, 255, .64) 15.97%, rgba(255, 255, 255, .8) 47.97%, rgba(255, 255, 255, .64) 87.95%, rgba(190, 253, 254, .48) 99.97%);
  box-shadow: var(--pdp-shadow-card), var(--pdp-glow-cyan) !important;
}

[dir="rtl"] .pdp-card--frost {
  
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, .4) 72%, rgba(255, 255, 255, .04) 100%), linear-gradient(-112.95deg, rgba(190, 253, 254, .32) 0%, rgba(255, 255, 255, .64) 15.97%, rgba(255, 255, 255, .8) 47.97%, rgba(255, 255, 255, .64) 87.95%, rgba(190, 253, 254, .48) 99.97%);
}

.pdp-card--transparent {
  
  background-image: linear-gradient(180deg, rgba(222, 255, 255, .12) 0%, rgba(190, 190, 189, .12) 100%);
  box-shadow: var(--pdp-shadow-card), var(--pdp-glow-inner-soft);
}

[dir="rtl"] .pdp-card--transparent {
  
  background-image: linear-gradient(-180deg, rgba(222, 255, 255, .12) 0%, rgba(190, 190, 189, .12) 100%);
}

.pdp-card--glass {
  
  background-image: linear-gradient(142.77deg, rgba(64, 137, 228, .4) 20.43%, rgba(2, 48, 149, .4) 69.75%);
  box-shadow: var(--pdp-shadow-card), var(--pdp-glow-inner);
}

[dir="rtl"] .pdp-card--glass {
  
  background-image: linear-gradient(-142.77deg, rgba(64, 137, 228, .4) 20.43%, rgba(2, 48, 149, .4) 69.75%);
}

.pdp-bg-accent {
  display: none;
  height: auto;
  opacity: .6;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

@media (min-width: 992px) {
  .pdp-bg-accent {
    display: block;
  }
}

.pdp-bg-accent--right {
  bottom: 1rem;
  
  right: 0;
}

[dir="rtl"] .pdp-bg-accent--right {
  right: auto;
  
  left: 0;
}

.pdp-bg-accent--discover-left, .pdp-bg-accent--discover-right {
  display: block;
}

@media (min-width: 992px) {
  .pdp-bg-accent--discover-left, .pdp-bg-accent--discover-right {
    display: none;
  }
}

.pdp-bg-accent--discover-left {
  
  left: 0;
  top: 7.5rem;
  width: 8.4375rem;
}

[dir="rtl"] .pdp-bg-accent--discover-left {
  left: auto;
  
  right: 0;
}

.pdp-bg-accent--discover-right {
  
  right: 0;
  top: 19.6875rem;
  width: 11.25rem;
}

[dir="rtl"] .pdp-bg-accent--discover-right {
  right: auto;
  
  left: 0;
}

.pdp-bg-accent--left {
  
  left: 0;
  top: 30%;
}

[dir="rtl"] .pdp-bg-accent--left {
  left: auto;
  
  right: 0;
}

.pdp-bg-accent--top {
  top: 0;
}

.pdp-bg-accent--flip {
  transform: scaleX(-1);
}

.pdp-btn {
  align-items: center;
  
  background-image: linear-gradient(180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
  border: 2px solid var(--pdp-cyan-300);
  border-radius: 6.25rem;
  box-shadow: var(--pdp-shadow-button), inset 0 0 4px 4px rgba(19, 235, 255, .4);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--pdp-font-heading);
  font-size: .875rem;
  font-weight: 700;
  gap: .5rem;
  justify-content: center;
  letter-spacing: .01em;
  line-height: 1.125rem;
  padding: 1rem 2.5rem;
  position: relative;
  text-decoration: none;
  transition: filter .2s ease;
  position: relative;
}

[dir="rtl"] .pdp-btn {
  
  background-image: linear-gradient(-180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
}

.pdp-btn::before, .pdp-btn::after {
  background: radial-gradient(ellipse closest-side at center, #deffff 0%, rgba(190, 253, 254, 0) 100%);
  content: "";
  height: 8px;
  
  left: 50%;
  pointer-events: none;
  position: absolute;
  
  transform: translateX(-50%);
  width: 60px;
}

[dir="rtl"] .pdp-btn::before, [dir="rtl"] .pdp-btn::after {
  left: auto;
  
  right: 50%;
  
  transform: translateX(50%);
}

.pdp-btn::before {
  top: -5px;
}

.pdp-btn::after {
  bottom: -5px;
}

.pdp-btn:hover, .pdp-btn:focus-visible {
  color: #fff;
  
  background: linear-gradient(128.6deg, #468ecf 0%, #025ac1 60.151%);
  border-color: #f3f7fb;
}

[dir="rtl"] .pdp-btn:hover, [dir="rtl"] .pdp-btn:focus-visible {
  
  background: linear-gradient(-128.6deg, #468ecf 0%, #025ac1 60.151%);
}

.pdp-btn:hover::before, .pdp-btn:hover::after, .pdp-btn:focus-visible::before, .pdp-btn:focus-visible::after {
  opacity: 0;
}

.pdp-btn[disabled] {
  cursor: not-allowed;
  filter: grayscale(.6);
  opacity: .6;
}

.pdp-btn--small {
  font-size: .625rem;
  line-height: .75rem;
  padding: .75rem 1.25rem;
}

.pdp-btn--small::before, .pdp-btn--small::after {
  height: .375rem;
  width: 2.5rem;
}

.pdp-link-btn {
  align-items: center;
  background: none;
  border: 0;
  border-bottom: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--pdp-font-heading);
  font-size: .875rem;
  font-weight: 700;
  gap: .125rem;
  justify-content: center;
  letter-spacing: .01em;
  line-height: 1.125rem;
  padding: 0 0 .25rem;
  text-align: center;
  text-decoration: none;
  text-shadow: var(--pdp-shadow-text);
}

.pdp-link-btn:hover, .pdp-link-btn:focus-visible {
  color: #fff;
  filter: brightness(1.15);
}

.pdp-link-btn__icon {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
  
  margin-right: 4px;
}

[dir="rtl"] .pdp-link-btn__icon {
  margin-right: 0;
  
  margin-left: 4px;
}

.pdp-link-btn--small {
  font-size: .625rem;
  line-height: .75rem;
}

.pdp-header__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 2rem;
  padding-top: 2.5rem;
}

@media (min-width: 992px) {
  .pdp-header__inner {
    align-items: center;
    flex-direction: row;
    gap: var(--pdp-gutter);
  }
}

.pdp-header__intro {
  display: contents;
}

@media (min-width: 992px) {
  .pdp-header__intro {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 2rem;
    min-width: 0;
  }
}

.pdp-header__titles {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  order: -1;
  text-align: center;
}

@media (min-width: 992px) {
  .pdp-header__titles {
    order: 0;
    
    text-align: left;
  }

  [dir="rtl"] .pdp-header__titles {
    
    text-align: right;
  }
}

.pdp-header__title {
  color: #fff;
  font-family: var(--pdp-font-heading);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 2.5rem;
  margin: 0;
}

@media (min-width: 992px) {
  .pdp-header__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.pdp-header__subtitle {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0;
}

.pdp-header__packshot {
  margin: 0 calc(var(--pdp-margin) * -1);
}

@media (min-width: 992px) {
  .pdp-header__packshot {
    flex: 1 0 0;
    margin: 0;
    min-width: 0;
  }
}

.pdp-purchase {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  width: 100%;
}

@media (min-width: 992px) {
  .pdp-purchase {
    max-width: 29.6875rem;
  }
}

.pdp-purchase__group {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.pdp-purchase__label {
  color: var(--pdp-blue-600);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0;
}

.pdp-purchase__note {
  color: var(--pdp-blue-600);
  font-size: .75rem;
  letter-spacing: .01em;
  line-height: 1.125rem;
  margin: 0;
}

.pdp-purchase__cta {
  margin-top: .5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .pdp-purchase__cta {
    align-self: flex-start;
    width: auto;
  }
}

.pdp-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.pdp-pill-list div {
  display: contents;
}

.pdp-pill-list--weight .pdp-pill {
  flex: 1 1 0;
  justify-content: center;
  min-width: 0;
  padding-left: .375rem;
  padding-right: .375rem;
}

@media (min-width: 992px) {
  .pdp-pill-list--weight .pdp-pill {
    flex: 0 0 auto;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 6.25rem;
  }
}

.pdp-pill {
  align-items: center;
  background: transparent;
  border: 1px solid var(--pdp-blue-600);
  border-radius: 6.25rem;
  color: var(--pdp-blue-600);
  display: inline-flex;
  font-family: var(--pdp-font-body);
  font-size: .75rem;
  font-weight: 700;
  gap: .25rem;
  letter-spacing: .013em;
  line-height: 1rem;
  min-width: 3.75rem;
  padding: .5rem;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
  white-space: nowrap;
}

.pdp-pill:hover, .pdp-pill:focus-visible {
  background: rgba(0, 61, 166, .08);
  color: var(--pdp-blue-600);
}

.pdp-pill--active, .pdp-pill.active {
  background: var(--pdp-blue-600);
  border-color: var(--pdp-cyan-300);
  color: #fff;
  filter: drop-shadow(0 2px 2px rgba(1, 29, 121, .4));
}

.pdp-pill--active:hover, .pdp-pill--active:focus-visible, .pdp-pill.active:hover, .pdp-pill.active:focus-visible {
  background: var(--pdp-blue-600);
  color: #fff;
}

.pdp-pill__icon {
  background-color: currentcolor;
  flex-shrink: 0;
  height: 1rem;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 1rem;
}

.pdp-pill__icon--original {
  mask-image: url("/themes/custom/lactoclub_bs5/components/organisms/product-detail-page/images/icon-variant-original.svg");
}

.pdp-pill__icon--vanilla {
  mask-image: url("/themes/custom/lactoclub_bs5/components/organisms/product-detail-page/images/icon-variant-vanilla.svg");
}

.pdp-pill__icon--madu {
  mask-image: url("/themes/custom/lactoclub_bs5/components/organisms/product-detail-page/images/icon-variant-madu.svg");
}

.pdp-packshot {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.pdp-packshot__halo {
  aspect-ratio: 1300/420;
  background: radial-gradient(ellipse 42% 34% at 50% 62%, rgba(190, 253, 254, .85) 0%, rgba(103, 247, 254, .35) 45%, transparent 72%), radial-gradient(ellipse 50% 50% at 50% 55%, rgba(103, 247, 254, .45) 0%, rgba(19, 235, 255, .14) 55%, transparent 100%);
  bottom: 2%;
  filter: blur(2px);
  
  left: 50%;
  pointer-events: none;
  position: absolute;
  
  transform: translateX(-50%);
  width: 100%;
}

[dir="rtl"] .pdp-packshot__halo {
  left: auto;
  
  right: 50%;
  
  transform: translateX(50%);
}

.pdp-packshot__media {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: -28px;
}

.pdp-packshot__media .field__label {
  display: none;
}

.pdp-packshot__media img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 21.625rem;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

@media (min-width: 992px) {
  .pdp-packshot__media img {
    max-height: 33.25rem;
  }
}

.pdp-packshot__media img:not(:last-of-type) {
  display: none;
}

.pdp-nutrition-section {
  
  background: linear-gradient(180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
}

[dir="rtl"] .pdp-nutrition-section {
  
  background: linear-gradient(-180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
}

.pdp-nutrition {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

@media (min-width: 992px) {
  .pdp-nutrition {
    padding: 0 6rem;
  }
}

.pdp-nutrition__title {
  text-align: center;
  width: 100%;
}

.pdp-nutrition__panels {
  padding: 1.25rem;
  width: 100%;
}

@media (min-width: 992px) {
  .pdp-nutrition__panels {
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  .pdp-nutrition:has(.pdp-nutrition__panel--gizi.is-active) .pdp-nutrition__panels,
  .pdp-nutrition:has(.pdp-nutrition__panel--gizi.is-active) .pdp-disclaimer {
    width: calc(100% + 12rem);
  }
}

.pdp-nutrition__panel {
  display: none;
}

.pdp-nutrition__panel.is-active {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pdp-nutrition__overview {
  color: var(--pdp-white);
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}

@media (min-width: 992px) {
  .pdp-nutrition__overview {
    align-items: start;
    column-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 352px));
    justify-content: center;
    row-gap: 4px;
  }
}

.pdp-nutrition__overview-row {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.25rem;
}

.pdp-nutrition__overview-row dt {
  flex: 1 0 0;
  font-weight: 700;
  min-width: 0;
}

.pdp-nutrition__overview-row dd {
  margin: 0;
  
  text-align: right;
  width: 5rem;
}

[dir="rtl"] .pdp-nutrition__overview-row dd {
  
  text-align: left;
}

@media (min-width: 992px) {
  .pdp-nutrition__overview-row {
    display: block;
    grid-row: 1;
    text-align: center;
  }

  .pdp-nutrition__overview-row dt {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .pdp-nutrition__overview-row dd {
    font-size: 1.75rem;
    line-height: 2.25rem;
    text-align: center;
    width: auto;
  }
}

@media (min-width: 992px) {
  .pdp-nutrition__overview-row:nth-of-type(1) {
    grid-column: 1;
  }
}

.pdp-nutrition__overview-row:nth-of-type(2) {
  margin-top: .5rem;
}

@media (min-width: 992px) {
  .pdp-nutrition__overview-row:nth-of-type(2) {
    grid-column: 2;
    margin-top: 0;
  }
}

.pdp-nutrition__servings {
  font-size: .875rem;
  line-height: 1.25rem;
  margin: 0;
}

@media (min-width: 992px) {
  .pdp-nutrition__servings {
    font-size: 1rem;
    grid-column: 1;
    grid-row: 2;
    line-height: 1.5rem;
    text-align: center;
  }
}

.pdp-nutrition__composition {
  color: var(--pdp-white);
  font-size: .875rem;
  line-height: 1.25rem;
}

.pdp-nutrition__composition p {
  margin-bottom: 0;
}

.pdp-nutrition__allergen {
  color: var(--pdp-white);
  font-size: .75rem;
  line-height: 1rem;
  margin: 0;
}

.pdp-nutrition__footnote {
  color: var(--pdp-white);
  font-size: .75rem;
  line-height: 1.125rem;
  margin: 0;
  width: 100%;
}

.pdp-nutrition__table.is-chunked {
  background: none;
  border-radius: 0;
  padding: 0;
}

.pdp-nutrition__table:not(.is-chunked) {
  background: #fff;
  border-radius: 1.5rem;
  padding: 1rem .75rem;
}

.pdp-nutrition__table:not(.is-chunked) table {
  border-collapse: separate;
  border-spacing: 0 .5rem;
  color: var(--pdp-blue-600);
  font-size: .75rem;
  line-height: 1rem;
  width: 100%;
}

.pdp-nutrition__table:not(.is-chunked) th,
.pdp-nutrition__table:not(.is-chunked) td {
  border: 0;
  padding: 0 .5rem;
  vertical-align: middle;
}

.pdp-nutrition__table:not(.is-chunked) td:last-child,
.pdp-nutrition__table:not(.is-chunked) th:last-child {
  
  text-align: right;
  white-space: nowrap;
  width: 3.75rem;
}

[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) td:last-child,
[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) th:last-child {
  
  text-align: left;
}

.pdp-nutrition__table:not(.is-chunked) thead th {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.pdp-nutrition__table:not(.is-chunked) tbody th {
  
  background-image: linear-gradient(180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: .25rem .5rem;
}

[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) tbody th {
  
  background-image: linear-gradient(-180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
}

.pdp-nutrition__table:not(.is-chunked) tbody th:first-child {
  
  border-bottom-left-radius: 6.25rem;
  
  border-top-left-radius: 6.25rem;
}

[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) tbody th:first-child {
  border-bottom-left-radius: 0;
  
  border-bottom-right-radius: 6.25rem;
  border-top-left-radius: 0;
  
  border-top-right-radius: 6.25rem;
}

.pdp-nutrition__table:not(.is-chunked) tbody th:last-child {
  
  border-bottom-right-radius: 6.25rem;
  
  border-top-right-radius: 6.25rem;
}

[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) tbody th:last-child {
  border-bottom-right-radius: 0;
  
  border-bottom-left-radius: 6.25rem;
  border-top-right-radius: 0;
  
  border-top-left-radius: 6.25rem;
}

.pdp-nutrition__table:not(.is-chunked) tbody th[colspan] {
  border-radius: 6.25rem;
}

.pdp-nutrition__table:not(.is-chunked) tbody td:first-child {
  
  padding-left: 1rem;
}

[dir="rtl"] .pdp-nutrition__table:not(.is-chunked) tbody td:first-child {
  padding-left: 0;
  
  padding-right: 1rem;
}

.pdp-nutrition__chunks:not(.swiper-wrapper) {
  display: grid;
  gap: 1rem;
}

@media (min-width: 992px) {
  .pdp-nutrition__chunks:not(.swiper-wrapper) {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.pdp-nutrition__slider .swiper-wrapper {
  align-items: stretch;
}

.pdp-nutrition__slider .swiper-slide {
  height: auto;
}

.pdp-nutrition__chunk {
  background: #fff;
  border-radius: 1.5rem;
  padding: 12px 12px;
}

.pdp-nutrition__chunk-table {
  border-collapse: separate;
  border-spacing: 0 .5rem;
  color: var(--pdp-blue-600);
  font-size: .875rem;
  line-height: 1.25rem;
  width: 100%;
  font-family: var(--pdp-font-heading);
}

@media (min-width: 992px) {
  .pdp-nutrition__chunk-table {
    font-size: .6875rem;
  }
}

@media (min-width: 1281px) {
  .pdp-nutrition__chunk-table {
    font-size: .875rem;
  }
}

.pdp-nutrition__chunk-table th,
.pdp-nutrition__chunk-table td {
  border: 0;
  padding: 0 .5rem;
  vertical-align: middle;
}

.pdp-nutrition__chunk-table th:last-child,
.pdp-nutrition__chunk-table td:last-child {
  
  text-align: right;
  white-space: nowrap;
  width: 3.75rem;
}

[dir="rtl"] .pdp-nutrition__chunk-table th:last-child,
[dir="rtl"] .pdp-nutrition__chunk-table td:last-child {
  
  text-align: left;
}

.pdp-nutrition__row--lozenge th {
  background-clip: padding-box;
  
  background-image: linear-gradient(180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
  color: #fff;
  font-weight: 700;
  padding-bottom: .375rem;
  padding-top: .375rem;
}

[dir="rtl"] .pdp-nutrition__row--lozenge th {
  
  background-image: linear-gradient(-180deg, var(--pdp-blue-600) 0%, var(--pdp-blue-950) 100%);
}

.pdp-nutrition__row--lozenge:first-child th {
  border-top: 0;
}

.pdp-nutrition__row--lozenge th:first-child {
  
  border-bottom-left-radius: 6.25rem;
  
  border-top-left-radius: 6.25rem;
}

[dir="rtl"] .pdp-nutrition__row--lozenge th:first-child {
  border-bottom-left-radius: 0;
  
  border-bottom-right-radius: 6.25rem;
  border-top-left-radius: 0;
  
  border-top-right-radius: 6.25rem;
}

.pdp-nutrition__row--lozenge th:last-child {
  
  border-bottom-right-radius: 6.25rem;
  
  border-top-right-radius: 6.25rem;
}

[dir="rtl"] .pdp-nutrition__row--lozenge th:last-child {
  border-bottom-right-radius: 0;
  
  border-bottom-left-radius: 6.25rem;
  border-top-right-radius: 0;
  
  border-top-left-radius: 6.25rem;
}

.pdp-nutrition__row--pill td {
  
  background: linear-gradient(180deg, #e5ffff 0%, #fdffff 100%) padding-box, linear-gradient(180deg, var(--pdp-cyan-300) 0%, #4eb2ed 100%) border-box;
  border: 1px solid transparent;
  font-weight: 700;
  padding-bottom: .0625rem;
  padding-top: .0625rem;
}

[dir="rtl"] .pdp-nutrition__row--pill td {
  
  background: linear-gradient(-180deg, #e5ffff 0%, #fdffff 100%) padding-box, linear-gradient(-180deg, var(--pdp-cyan-300) 0%, #4eb2ed 100%) border-box;
}

.pdp-nutrition__row--pill td:first-child {
  
  border-bottom-left-radius: 6.25rem;
  
  border-right: 0;
  
  border-top-left-radius: 6.25rem;
  
  padding-right: .125rem;
}

[dir="rtl"] .pdp-nutrition__row--pill td:first-child {
  border-bottom-left-radius: 0;
  
  border-bottom-right-radius: 6.25rem;
  border-right: none;
  
  border-left: 0;
  border-top-left-radius: 0;
  
  border-top-right-radius: 6.25rem;
  padding-right: 0;
  
  padding-left: .125rem;
}

.pdp-nutrition__row--pill td:last-child {
  
  border-bottom-right-radius: 6.25rem;
  
  border-left: 0;
  
  border-top-right-radius: 6.25rem;
  
  padding-left: .125rem;
}

[dir="rtl"] .pdp-nutrition__row--pill td:last-child {
  border-bottom-right-radius: 0;
  
  border-bottom-left-radius: 6.25rem;
  border-left: none;
  
  border-right: 0;
  border-top-right-radius: 0;
  
  border-top-left-radius: 6.25rem;
  padding-left: 0;
  
  padding-right: .125rem;
}

.pdp-nutrition__row--bold td {
  font-weight: 700;
}

.pdp-nutrition__row--section td {
  font-weight: 700;
  padding-bottom: .25rem;
  padding-top: .25rem;
}

.pdp-nutrition__row--level-1 td:first-child {
  
  padding-left: 1rem;
}

[dir="rtl"] .pdp-nutrition__row--level-1 td:first-child {
  padding-left: 0;
  
  padding-right: 1rem;
}

.pdp-nutrition__row--level-2 td:first-child {
  
  padding-left: 1.75rem;
}

[dir="rtl"] .pdp-nutrition__row--level-2 td:first-child {
  padding-left: 0;
  
  padding-right: 1.75rem;
}

.pdp-nutrition__slider-controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  --swiper-pagination-color: var(--pdp-cyan-300);
  --swiper-pagination-bullet-inactive-color: #0698b2;
  --swiper-pagination-bullet-inactive-opacity: .6;
  --swiper-pagination-bullet-horizontal-gap: 4px;
}

@media (min-width: 992px) {
  .pdp-nutrition__slider-controls {
    display: none;
  }
}

.pdp-nutrition__slider-controls .pdp-nutrition__slider-pagination {
  display: flex;
  justify-content: center;
  line-height: 0;
  position: static;
}

.pdp-nutrition__slider-controls .pdp-nutrition__slider-pagination .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color);
  height: .5rem;
  opacity: var(--swiper-pagination-bullet-inactive-opacity);
  width: .5rem;
}

.pdp-nutrition__slider-controls .pdp-nutrition__slider-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color);
  opacity: 1;
}

.pdp-nutrition__slider-nav {
  align-items: center;
  background: linear-gradient(0deg, #64c6f6, #c2f4f8 50%);
  border: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 8px 0 rgba(100, 198, 246, .4);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 36px;
}

.pdp-nutrition__slider-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 1px;
  
  background: linear-gradient(180deg, #64c6f6, #c2f4f8 50%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

[dir="rtl"] .pdp-nutrition__slider-nav::before {
  
  background: linear-gradient(-180deg, #64c6f6, #c2f4f8 50%);
}

.pdp-nutrition__slider-nav svg {
  color: var(--pdp-blue-950);
  height: 13px;
  position: relative;
  width: 13px;
}

.pdp-nutrition__slider-nav--next svg {
  
  transform: rotate(180deg);
}

[dir="rtl"] .pdp-nutrition__slider-nav--next svg {
  
  transform: rotate(-180deg);
}

.pdp-nutrition__slider-nav.swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

.pdp-tabs {
  
  background-image: linear-gradient(180deg, rgba(222, 255, 255, .12) 0%, rgba(190, 190, 189, .12) 100%);
  border: 0;
  border-radius: 6.25rem;
  box-shadow: inset 0 0 8px 0 rgba(100, 198, 246, .4);
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

[dir="rtl"] .pdp-tabs {
  
  background-image: linear-gradient(-180deg, rgba(222, 255, 255, .12) 0%, rgba(190, 190, 189, .12) 100%);
}

@media (min-width: 768px) {
  .pdp-tabs {
    align-self: center;
    width: 28.1875rem;
  }
}

.pdp-tabs__indicator {
  
  background-image: linear-gradient(155.27deg, rgba(64, 137, 228, .4) 20.43%, rgba(2, 48, 149, .4) 69.75%);
  border: 2px solid var(--pdp-cyan-300);
  border-radius: 6.25rem;
  box-shadow: var(--pdp-shadow-card), inset 0 0 8px 2px rgba(103, 247, 254, .5);
  box-sizing: border-box;
  inset-block: 0;
  
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: transform .35s ease;
  width: calc(100% / var(--tab-count, 1));
  z-index: 0;
  
  transform: translateX(calc(var(--active-index, 0) * 100%));
}

[dir="rtl"] .pdp-tabs__indicator {
  
  background-image: linear-gradient(-155.27deg, rgba(64, 137, 228, .4) 20.43%, rgba(2, 48, 149, .4) 69.75%);
  left: auto;
  
  right: 0;
  
  transform: translateX(calc(-1*(var(--active-index, 0) * 100%)));
}

@media (prefers-reduced-motion: reduce) {
  .pdp-tabs__indicator {
    transition: none !important;
  }
}

.pdp-tabs__tab {
  background: none;
  border: 2px solid transparent;
  border-radius: 6.25rem;
  color: var(--pdp-cyan-300);
  cursor: pointer;
  flex: 1 0 0;
  font-family: var(--pdp-font-heading);
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.125rem;
  min-width: 3.75rem;
  opacity: .4;
  padding: .875rem 1rem;
  position: relative;
  transition: opacity .2s ease;
  white-space: nowrap;
  z-index: 1;
}

@media (min-width: 768px) {
  .pdp-tabs__tab {
    padding: .9375rem 1rem;
  }
}

.pdp-tabs__tab:hover {
  color: #fff;
  opacity: 1;
}

.pdp-tabs__tab.is-active {
  color: #fff;
  opacity: 1;
}

.pdp-disclaimer {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 0 1rem;
  width: 100%;
}

.pdp-disclaimer__title {
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
  margin: 0;
}

@media (min-width: 768px) {
  .pdp-disclaimer__title {
    font-size: 14px;
  }
}

.pdp-disclaimer__text {
  color: #fff;
  font-size: .625rem;
  line-height: .75rem;
  margin: 0;
}

.pdp-highlight .pdp-bg-accent--right {
  display: block;
}

.pdp-highlight__disclaimer {
  color: var(--pdp-white);
  font-family: var(--pdp-font-body);
  font-size: var(--Typography-Disclaimer-font-size, 12px);
  font-weight: var(--Typography-Disclaimer-font-weight, 400);
  line-height: var(--Typography-Disclaimer-line-height, 16px);
  letter-spacing: var(--Typography-Disclaimer-letter-spacing, 0);
  margin: 0;
}

.pdp-highlight__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 992px) {
  .pdp-highlight__inner {
    align-items: flex-end;
    flex-direction: row;
    gap: var(--pdp-gutter);
  }
}

.pdp-highlight__main {
  position: relative;
}

@media (min-width: 992px) {
  .pdp-highlight__main {
    flex: 1 0 0;
    min-width: 0;
  }
}

.pdp-highlight__badge {
  height: 6.25rem;
  position: absolute;
  
  right: 1rem;
  top: -2.75rem;
  width: 6.5625rem;
  z-index: 2;
}

[dir="rtl"] .pdp-highlight__badge {
  right: auto;
  
  left: 1rem;
}

@media (min-width: 992px) {
  .pdp-highlight__badge {
    height: 7.5rem;
    
    right: 2rem;
    top: -2.5rem;
    width: 7.875rem;
  }

  [dir="rtl"] .pdp-highlight__badge {
    right: auto;
    
    left: 2rem;
  }
}

.pdp-highlight__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.75rem 1rem;
}

@media (min-width: 992px) {
  .pdp-highlight__card {
    gap: 1rem;
    padding: 1.75rem;
  }
}

.pdp-highlight__title {
  color: var(--pdp-white);
  font-family: var(--pdp-font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 2.25rem;
  margin: 0;
  
  padding-right: 3.5rem;
}

[dir="rtl"] .pdp-highlight__title {
  padding-right: 0;
  
  padding-left: 3.5rem;
}

@media (min-width: 992px) {
  .pdp-highlight__title {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

.pdp-highlight__title sup {
  font-size: var(--Typography-Heading-H4-font-size, 20px);
  line-height: var(--Typography-Heading-H4-line-height, 28px);
  top: -6px;
}

@media (min-width: 992px) {
  .pdp-highlight__title sup {
    font-size: 28px;
    line-height: 36px;
  }
}

.pdp-highlight__grid {
  display: grid;
  gap: 1rem var(--pdp-gutter);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .pdp-highlight__grid {
    gap: 2rem var(--pdp-gutter);
  }
}

.pdp-highlight__item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.pdp-highlight__item-title {
  color: var(--pdp-white);
  font-family: var(--pdp-font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin: 0;
  letter-spacing: 0;
}

.pdp-highlight__item-text {
  color: var(--pdp-white);
  font-size: .75rem;
  line-height: 1rem;
  margin: 0;
}

.pdp-factoid {
  display: flex;
  overflow: hidden;
  
  padding-right: 1rem;
}

[dir="rtl"] .pdp-factoid {
  padding-right: 0;
  
  padding-left: 1rem;
}

@media (min-width: 992px) {
  .pdp-factoid {
    flex-shrink: 0;
    height: 12.6875rem;
    width: 23.3125rem;
  }
}

.pdp-factoid__media {
  flex-shrink: 0;
  width: 9.375rem;
}

.pdp-factoid__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pdp-factoid__body {
  align-items: flex-start;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: .75rem;
  justify-content: center;
  min-width: 0;
  padding: 1.25rem 0;
}

@media (min-width: 992px) {
  .pdp-factoid__body {
    padding: 2rem 0;
  }
}

.pdp-factoid__title {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0;
}

.pdp-factoid__text {
  color: #fff;
  font-size: .75rem;
  line-height: 1rem;
  margin: 0;
}

.pdp-factoid__note {
  color: #fff;
  font-size: .625rem;
  line-height: .75rem;
  margin: 0;
}

.pdp-factoid__cta {
  width: 100%;
}

.pdp-review-section {
  margin-top: -16px;
  
  background: linear-gradient(180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
}

[dir="rtl"] .pdp-review-section {
  
  background: linear-gradient(-180deg, var(--pdp-blue-950) 0%, var(--pdp-blue-600) 100%);
}

.pdp-review-section .pdp-bg-accent--left {
  display: block;
}

.pdp-review-section__inner {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.pdp-review-panel {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: -3rem;
}

@media (min-width: 992px) {
  .pdp-review-panel {
    margin-bottom: -2.5rem;
  }
}

.pdp-review-panel__header {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.pdp-review-panel__head {
  align-items: center;
  column-gap: var(--pdp-gutter);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  row-gap: 1rem;
}

@media (min-width: 768px) {
  .pdp-review-panel__head {
    display: flex;
  }
}

.pdp-review-panel__intro {
  display: contents;
}

@media (min-width: 768px) {
  .pdp-review-panel__intro {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
  }
}

.pdp-review-panel__title {
  grid-area: 1/1/2/2;
}

.pdp-review-panel__lead {
  color: #fff;
  font-size: 1rem;
  grid-area: 2/1/3/3;
  line-height: 1.25rem;
  margin: 0;
}

.pdp-review-panel__rating {
  grid-area: 1/2/2/3;
}

.pdp-review-panel__actions {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .pdp-review-panel__actions {
    justify-content: flex-start;
  }
}

.pdp-review-panel__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: -8px;
}

.pdp-rating {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: .125rem;
  padding: .5rem 1rem .75rem;
  width: 6.6875rem;
}

.pdp-rating__score {
  color: #fff;
  font-family: var(--pdp-font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 2.25rem;
  margin: 0;
}

.pdp-rating__stars {
  display: flex;
  gap: .125rem;
  justify-content: center;
}

.pdp-rating__star {
  height: .75rem;
  width: .853rem;
}

.pdp-rating__count {
  color: #fff;
  font-size: .625rem;
  line-height: .75rem;
  margin: .375rem 0 0;
  text-align: center;
}

.pdp-review-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding: 1.25rem;
}

.pdp-review-card__head {
  align-items: center;
  display: flex;
  gap: .9375rem;
}

.pdp-review-card__avatar {
  display: block;
  flex-shrink: 0;
  height: 2.75rem;
  width: 2.75rem;
}

.pdp-review-card__avatar svg {
  display: block;
  height: 100%;
  width: 100%;
}

.pdp-review-card__identity {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
}

.pdp-review-card__name {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0;
}

.pdp-review-card__stars {
  display: flex;
  gap: .25rem;
}

.pdp-review-card__star {
  height: .917rem;
  width: 1.042rem;
}

.pdp-review-card__body {
  color: #fff;
  font-size: .875rem;
  line-height: 1.25rem;
}

.pdp-review-card__body p:last-child {
  margin-bottom: 0;
}

.pdp-review-card__date {
  color: #fff;
  font-size: .625rem;
  line-height: .75rem;
  margin: 0;
  opacity: .7;
}

.pdp-review-card__reply {
  
  border-left: 2px solid var(--pdp-cyan-300);
  display: flex;
  flex-direction: column;
  gap: .25rem;
  
  padding-left: .75rem;
}

[dir="rtl"] .pdp-review-card__reply {
  border-left: none;
  
  border-right: 2px solid var(--pdp-cyan-300);
  padding-left: 0;
  
  padding-right: .75rem;
}

.pdp-review-card__reply-title {
  color: var(--pdp-cyan-300);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
  margin: 0;
}

.pdp-review-card__reply-body {
  color: #fff;
  font-size: .75rem;
  line-height: 1rem;
  margin: 0;
}

.pdp-review-section {
  --swiper-pagination-color: #ffbb51;
  --swiper-pagination-bullet-inactive-color: #83cbf0;
}

.pdp-review-section .swiper {
  width: 100%;
}

.pdp-review-section .swiper-wrapper {
  align-items: stretch;
}

.pdp-review-section .swiper-slide {
  height: auto;
}

.pdp-review-section .swiper-component-controls {
  position: relative;
  bottom: -24px;
  align-items: center;
  display: flex;
  gap: 3rem !important;
  justify-content: center !important;
}

@media (max-width: 767.98px) {
  .pdp-review-section .swiper-component-controls {
    bottom: -15px;
  }
}

.pdp-review-section .swiper-component-pagination {
  position: relative;
  width: fit-content !important;
}

.pdp-review-section .swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

.pdp-discover__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 992px) {
  .pdp-discover--split .pdp-discover__inner {
    align-items: flex-start;
    flex-direction: row;
    gap: var(--pdp-gutter);
  }

  .pdp-discover--split .pdp-discover__inner > .pdp-suggestion,
  .pdp-discover--split .pdp-discover__inner > .pdp-discover__faq {
    flex: 1 1 0;
    min-width: 0;
  }
}

.pdp-discover--split .faq-accordion {
  background: none;
}

.pdp-discover--split .faq-accordion__inner {
  max-width: none;
  padding: 0;
}

.pdp-suggestion {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0;
  text-align: center;
}

@media (min-width: 992px) {
  .pdp-suggestion {
    flex: 1 0 0;
    min-width: 0;
  }
}

.pdp-suggestion__intro {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .pdp-suggestion__intro h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.pdp-suggestion__lead {
  color: #fff;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 -2px;
}

.pdp-suggestion__list {
  width: 100%;
}

.pdp-suggestion__list .product-card {
  margin-inline: auto;
  max-width: 20.9375rem;
}

.pdp .faq-accordion__title {
  color: #fffffc;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.25rem;
  margin: 0 0 .5rem;
  max-width: 36rem;
  text-align: center;
  text-wrap: balance;
  letter-spacing: 0;
  white-space: normal !important;
}

@media (min-width: 768px) {
  .pdp .faq-accordion__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.pdp-benefit {
  background: var(--pdp-blue-950);
  padding-top: 1px;
}

@media (min-width: 992px) {
  .pdp-benefit {
    padding-top: 4rem;
  }
}

.pdp-benefit .pdp-bg-accent--right {
  display: block;
}

.pdp-benefit__inner {
  padding-top: 0;
}

.pdp-benefit__card {
  align-items: center;
  display: flex;
  gap: var(--pdp-gutter);
  margin: 2rem auto 0;
  max-width: 61.375rem;
  min-height: 9.625rem;
  padding: 1rem 1.5rem;
  position: relative;
}

@media (min-width: 768px) {
  .pdp-benefit__card {
    margin-top: 5rem;
    min-height: 0;
  }
}

@media (min-width: 992px) {
  .pdp-benefit__card {
    padding: 2.5rem 2.5rem 1.75rem;
  }
}

.pdp-benefit__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}

@media (min-width: 992px) {
  .pdp-benefit__content {
    width: 37.0625rem;
  }
}

.pdp-benefit__title {
  color: #fff;
  font-family: var(--pdp-font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 0 .75rem;
}

.pdp-benefit__image {
  bottom: 0;
  display: block;
  height: 11.625rem;
  object-fit: cover;
  object-position: top center;
  position: absolute;
  
  right: .875rem;
  width: 11.375rem;
}

[dir="rtl"] .pdp-benefit__image {
  right: auto;
  
  left: .875rem;
}

@media (min-width: 992px) {
  .pdp-benefit__image {
    height: 15rem;
    
    right: 2.5rem;
    width: 14.625rem;
  }

  [dir="rtl"] .pdp-benefit__image {
    right: auto;
    
    left: 2.5rem;
  }
}

.pdp-modal__dialog {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  justify-content: center;
  max-width: 20.9375rem;
}

@media (min-width: 992px) {
  .pdp-modal__dialog {
    max-width: 33.0625rem;
  }
}

.pdp-modal__close {
  background-clip: padding-box, border-box;
  
  background-image: linear-gradient(180deg, #003da6 0%, #001e60 100%), linear-gradient(168deg, #f3f7fb 0%, #0e60d7 100%);
  background-origin: padding-box, border-box;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: inset 0 0 8px 4px rgba(100, 198, 246, .4);
  cursor: pointer;
  flex: 0 0 auto;
  height: 2.25rem;
  padding: 0;
  pointer-events: auto;
  transition: filter .2s ease;
  width: 2.25rem;
}

[dir="rtl"] .pdp-modal__close {
  
  background-image: linear-gradient(-180deg, #003da6 0%, #001e60 100%), linear-gradient(-168deg, #f3f7fb 0%, #0e60d7 100%);
}

.pdp-modal__close:hover, .pdp-modal__close:focus-visible {
  filter: brightness(1.2);
}

.pdp-modal__close-icon {
  background-color: #fff;
  display: block;
  height: .90625rem;
  margin: 0 auto;
  mask-image: url("/themes/custom/lactoclub_bs5/components/organisms/product-detail-page/images/icon-close.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: .90625rem;
}

.pdp-modal__content {
  
  background-image: linear-gradient(153deg, #003da6 24%, #001e60 64%);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 4px 4px 0 rgba(7, 29, 76, .12), inset 0 0 12px 4px #6fc6ec;
  gap: 1.5rem;
  padding: 2.5rem 1.25rem;
}

[dir="rtl"] .pdp-modal__content {
  
  background-image: linear-gradient(-153deg, #003da6 24%, #001e60 64%);
}

@media (min-width: 992px) {
  .pdp-modal__content {
    padding: 2.5rem;
  }
}

.pdp-modal__title {
  color: #fff;
  font-family: "Plus Jakarta Sans", quicksand, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 auto;
  max-width: 18.4375rem;
  text-align: center;
  letter-spacing: 0;
}

.pdp-modal__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 18.4375rem;
  padding: 0;
}

@media (min-width: 992px) {
  .pdp-modal__list {
    max-width: 28.0625rem;
  }
}

.pdp-modal__item {
  max-width: 8.6875rem;
  width: calc(50% - .5rem);
}

@media (min-width: 992px) {
  .pdp-modal__item {
    width: calc((100% - 2rem) / 3);
  }
}

.pdp-store {
  background-clip: padding-box, border-box;
  
  background-image: linear-gradient(180deg, #001e60 0%, #003da6 100%), linear-gradient(270deg, #67f7fe 0%, #deffff 50%, #67f7fe 100%);
  background-origin: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 1rem;
  box-shadow: 0 4px 4px 0 rgba(1, 29, 121, .4), inset 0 0 4px 4px rgba(19, 235, 255, .4);
  display: flex;
  flex-direction: column;
  gap: .25rem;
  height: 100%;
  justify-content: center;
  padding: .75rem;
  position: relative;
  text-decoration: none;
  transition: filter .2s ease;
}

[dir="rtl"] .pdp-store {
  
  background-image: linear-gradient(-180deg, #001e60 0%, #003da6 100%), linear-gradient(-270deg, #67f7fe 0%, #deffff 50%, #67f7fe 100%);
}

.pdp-store::before, .pdp-store::after {
  background: url("/themes/custom/lactoclub_bs5/components/organisms/product-detail-page/images/cyan-glow.svg") no-repeat center/100% 100%;
  content: "";
  height: .5rem;
  
  left: 50%;
  pointer-events: none;
  position: absolute;
  
  transform: translateX(-50%);
  width: 3rem;
}

[dir="rtl"] .pdp-store::before, [dir="rtl"] .pdp-store::after {
  left: auto;
  
  right: 50%;
  
  transform: translateX(50%);
}

.pdp-store::before {
  top: -3px;
}

.pdp-store::after {
  bottom: -3px;
}

.pdp-store:hover, .pdp-store:focus-visible {
  filter: brightness(1.15);
}

.pdp-store__logo {
  align-items: center;
  display: flex;
  height: 3.125rem;
  justify-content: center;
}

.pdp-store__image {
  height: auto;
  max-width: 100%;
}

.pdp-store__label {
  color: #fff;
  font-family: "Plus Jakarta Sans", quicksand, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.125rem;
  text-align: center;
}

.modal {
  z-index: 10001;
}

.modal-backdrop.show {
  background-color: #000;
  opacity: .5;
  z-index: 10000;
}