body.nyaderm-boost-probio-page {
        color-scheme: light;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        background: #ffffff;
        color: #1f1f1f;
        
      }

      #nyaderm-boost-probio-app *,
      #nyaderm-boost-probio-app *::before,
      #nyaderm-boost-probio-app *::after {
        box-sizing: border-box;
      }

      #nyaderm-boost-probio-app h1 {

        font-weight: 300;
        font-size: clamp(24px, 5vw, 28px);
        line-height: 1.2;
        margin: 0 0 16px;
      }

      #nyaderm-boost-probio-app h2 {
        margin: 0 0 24px;
        font-size: clamp(20px, 5vw, 28px);
        font-weight: 500;
      }

      #nyaderm-boost-probio-app h3 {
        margin: 48px 0 20px;
        font-size: clamp(18px, 4vw, 24px);
        font-weight: 500;
      }

#nyaderm-boost-probio-app h4 {
        margin: 32px 0 12px;
        font-size: clamp(16px, 3.5vw, 20px);
        font-weight: 500;
      }

      #nyaderm-boost-probio-app p {
        margin: 0 0 16px;
        line-height: 1.6;
      }

      #nyaderm-boost-probio-app p:last-child {
        margin-bottom: 0;
      }

      #nyaderm-boost-probio-app b,
      #nyaderm-boost-probio-app strong {
        font-weight: 300;
      }

      #nyaderm-boost-probio-app blockquote {
        margin: 32px 0;
        padding: 24px;
        background: #f7f7f7;
        border-left: 4px solid #1f1f1f;
        border-radius: 8px;
      }

      #nyaderm-boost-probio-app blockquote p {
        font-size: 18px;
        font-style: italic;
        margin-bottom: 8px;
      }

      #nyaderm-boost-probio-app blockquote footer {
        font-size: 14px;
        color: #6c6c6c;
        font-style: normal;
      }

      #nyaderm-boost-probio-app ol {
        margin: 0 0 24px;
        padding-left: 0;
        list-style: none;
        counter-reset: item;
      }

      #nyaderm-boost-probio-app ol li {
        margin-bottom: 12px;
        line-height: 1.6;
        counter-increment: item;
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }

      #nyaderm-boost-probio-app ol li::before {
        content: counter(item);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 50%;
        background: #1f1f1f;
        color: #ffffff;
        font-weight: 600;
        font-size: 14px;
      }

      #nyaderm-boost-probio-app ol li > span {
        flex: 1;
        min-width: 0;
      }

      #nyaderm-boost-probio-app ol li:last-child {
        margin-bottom: 0;
      }

      #nyaderm-boost-probio-app .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
      }

      .boost-probio {
        padding-top: 32px;
        padding-bottom: 32px;
        min-height: 100vh;
        background: #ffffff;
        
        max-width: 1280px;
        margin: 0 auto;
      }

      .boost-probio__content {
        width: 100%;
        margin: 0 auto;
      }

      .breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        background: #f7f7f7;
        color: #6c6c6c;
        font-size: 13px;
        padding: 12px 16px;
        border-radius: 8px;
        width: fit-content;
        margin: 0 0 32px;
      }

      @media (max-width: 719px) {
        .purchase-panel .promo-pill {
          font-size: 12px !important;
          padding: 3px 8px;
        }

        .purchase-panel__header .delivery-link {
        margin-left: auto;
          display: none;
        }

        .purchase-panel .delivery-link--mobile {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          font-size: 14px;
          align-self: flex-start;
          margin-top: 6px;
        }

        .breadcrumb {
          margin-left: auto;
          margin-right: auto;
        }
      }

      @media (min-width: 720px) {
        .breadcrumb {
          margin-left: 0;
        }
      }

      .breadcrumb a {
        color: inherit;
        text-decoration: none;
        font-weight: 500;
      }

      .breadcrumb__separator {
        color: #9a9a9a;
      }

      .breadcrumb__current {
        font-weight: 600;
        color: #1f1f1f;
      }

      .info-quick-nav {
        margin: 72px 0 0;
        display: flex;
        gap: 24px;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        background: #f7f7f7;
        border-radius: 16px;
        padding: 10px 18px;
      }

      @media (max-width: 719px) {
        .info-quick-nav {
          display: none;
        }
      }

      .info-quick-nav__link {
        flex: 0 0 auto;
        border-radius: 999px;
        padding: 10px 22px;
        border: none;
        background: transparent;
        color: #1f1f1f;
        font-weight: 500;
        text-decoration: none;
        text-align: left;
        position: relative;
      }

      @media (max-width: 540px) {
        .info-quick-nav__link {
          font-size: 13px;
          padding: 8px 16px;
        }

        #nyaderm-boost-probio-app h2 {
          font-size: 18px;
          margin-bottom: 4px;
        }
      }

      .info-quick-nav__link::before {
        content: '';
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 4px;
        height: 1px;
        background: transparent;
        transition: background 0.2s;
      }

      .info-quick-nav__link:hover::before {
        background: rgba(31, 31, 31, 0.35);
      }

      .info-quick-nav__link.is-active::before {
        background: #1f1f1f;
      }

      .info-quick-nav__link:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -12px;
        top: 6px;
        bottom: 6px;
        width: 1px;
        background: #dcdcdc;
      }

      .content-panel {
        display: none;
      }

      .content-panel.is-active {
        display: block;
      }

      @media (max-width: 719px) {
        .content-panel {
          display: block;
          border: none;
          border-radius: 0;
          margin-bottom: 0;
          overflow: hidden;
        }

        .content-panel h2 {
          margin: 0;
          padding: 16px;
          background: #f7f7f7;
          cursor: pointer;
          position: relative;
          user-select: none;
          font-size: 16px;
        }

        .content-panel h2::after {
          content: '+';
          position: absolute;
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 24px;
          
          transition: transform 0.3s;
        }

        .content-panel.is-active h2::after {
          content: '−';
        }

        .content-panel__body {
          display: grid;
          grid-template-rows: 0fr;
          overflow: hidden;
          transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .content-panel__body > div {
          min-height: 0;
          overflow: hidden;
          padding: 0 16px;
          transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .content-panel.is-active .content-panel__body {
          grid-template-rows: 1fr;
        }

        .content-panel.is-active .content-panel__body > div {
          padding: 16px;
        }
      }

      .hero-benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 0;
        position: relative;
      }

      .hero-benefits--chips {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .hero-benefits__item {
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 999px;
        padding: 8px 16px;
        font-size: 13px;
        
      }

      .hero-benefits--list {
        flex-direction: column;
        gap: 8px;
        flex-wrap: nowrap;
        overflow: visible;
        font-size: 16px;
      }

      .hero-benefits__title {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
      }

      .hero-benefits__list {
        margin: 0;
        padding-left: 18px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 16px;
      }

      .purchase-panel {
        border: 1px solid #d3d7d9;
        border-radius: 18px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        margin-top: 16px;
      }

      .shipping-info {
        margin: 16px 0 0;
        font-size: 13px;
        color: #8b5a00;
        background: #fff3cd;
        padding: 8px 14px;
        border-radius: 999px;
        font-weight: 500;
        width: fit-content;
      }

      .purchase-panel__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
      }

      .promo-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 14px;
        border-radius: 999px;
        background: #d5f4dd;
        color: #0f6b35;
        font-size: 13px;
        font-weight: 600;
      }

      .delivery-link {
        margin-left: auto;
        font-size: 14px;
        font-weight: 500;
        border: none;
        background: transparent;
        color: #8b8b8b;
        text-decoration: none;
        cursor: pointer;
        padding: 0;
      }

      .delivery-link--mobile {
        display: none;
      }

      .delivery-modal {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
      }

      .delivery-modal.is-open {
        display: flex;
      }

      .delivery-modal__content {
        background: #ffffff;
        border-radius: 16px;
        padding: 32px 24px;
        width: min(420px, 90%);
        position: relative;
        text-align: center;
      }

      .delivery-modal__close {
        position: absolute;
        top: 12px;
        right: 12px;
        border: none;
        background: transparent;
        font-size: 22px;
        cursor: pointer;
      }

      .delivery-options {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .delivery-option {
        padding: 20px;
        border: 1px solid #e5e5e5;
        border-radius: 12px;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .delivery-option__icon {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
      }

      .delivery-option__content {
        flex: 1;
      }

      .delivery-option h4 {
        margin: 0 0 8px 0;
        font-size: 16px;
        font-weight: 600;
        color: #1f1f1f;
      }

      .delivery-option__price {
        margin: 0;
        font-size: 15px;
        color: #6c6c6c;
      }

      .delivery-option__price strong {
        color: #1f1f1f;
        font-weight: 600;
      }

      .hero-card {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
      }

      .hero-card__media {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
      }

      .hero-card__eyebrow {
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 12px;
        display: inline-flex;
        padding: 6px 14px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.06);
        color: #1f1f1f;
        width: fit-content;
      }

      .hero-card__title {
        font-weight: 300;
        
      }

      .hero-card__lead {
        font-size: 16px;
        margin-bottom: 18px;
        max-width: 520px;
      }

      .hero-card__sublead {
        font-size: 15px;
        color: #3a3a3a;
        margin-bottom: 18px;
        max-width: 520px;
      }

      .hero-card__badges {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .hero-card__badge {
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 999px;
        padding: 10px 16px;
        font-size: 13px;
        font-weight: 500;
        background: #ffffff;
      }

      .hero-card__image {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 18px;
      }

      .hero-card__content {
        display: flex;
        flex-direction: column;
      }

      .hero-card__cta {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 6px;
        align-items: center;
      }

      .price-tag {
        margin: 0;
        font-size: 36px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
      }

      .price-tag__old {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        color: #9a9a9a;
        text-decoration: line-through;
      }

      .price-tag__per-unit {
        font-size: 14px;
        font-weight: 500;
        color: #6c6c6c;
        margin-left: auto;
      }

      #nyaderm-boost-probio-app .purchase-controls {
        display: flex;
        gap: 16px;
        flex-wrap: nowrap;
        width: 100%;
        align-items: center;
      }

      #nyaderm-boost-probio-app .quantity-input {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 600;
        min-height: 56px;
        white-space: nowrap;
        flex-shrink: 0;
      }

      #nyaderm-boost-probio-app .quantity-field {
        display: flex;
        align-items: center;
        border-radius: 65px;
        border: 1px solid #d3d7d9;
        padding: 0 8px;
        min-width: 120px;
        height: 56px;
      }

      #nyaderm-boost-probio-app .quantity-field input {
        border: none;
        background: transparent;
        width: 50px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        outline: none;
      }

      #nyaderm-boost-probio-app .quantity-field input::-webkit-outer-spin-button,
      #nyaderm-boost-probio-app .quantity-field input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      #nyaderm-boost-probio-app .quantity-field input[type='number'] {
        -moz-appearance: textfield;
      }

      #nyaderm-boost-probio-app .quantity-field__btn {
        border: none;
        background: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #1f1f1f !important;
        padding: 0;
      }

      #nyaderm-boost-probio-app .quantity-field__btn svg {
        width: 16px;
        height: 16px;
        display: block;
      }

      #nyaderm-boost-probio-app .quantity-field__btn svg path {
        stroke: currentColor;
      }

      #nyaderm-boost-probio-app .quantity-field__btn:focus-visible {
        outline: 2px solid #ff4d7d;
        outline-offset: 2px;
      }

      #nyaderm-boost-probio-app .button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 16px 32px;
        border-radius: 999px;
        border: none;
        text-decoration: none;
        
        font-size: 16px;
        cursor: pointer;
        transition: opacity 0.2s;
        min-height: 56px;
      }

      #nyaderm-boost-probio-app .button svg {
        display: block;
      }

      #nyaderm-boost-probio-app .button--dark {
        background: #000000;
        color: #ffffff;
        transition: background-color 0.2s, color 0.2s;
      }

      #nyaderm-boost-probio-app .button--dark:hover {
        background-color: #141414;
      }

      .hero-card__note {
        font-size: 13px;
        opacity: 0.85;
      }

      .section {
        margin-top: 48px;
        padding: 0;
      }

      .section h2:first-child {
        margin-top: 0;
      }

      .section h3:first-of-type {
        margin-top: 32px;
      }

      .section article {
        margin-bottom: 40px;
      }

      .section article:last-child {
        margin-bottom: 0;
      }

      .section article h3 {
        margin-top: 0;
        margin-bottom: 16px;
      }

      .section article h4 {
        margin-top: 24px;
        margin-bottom: 12px;
      }

      .section article ul {
        margin: 0 0 16px;
        padding-left: 24px;
      }

      .section article ul li {
        margin-bottom: 10px;
        line-height: 1.6;
      }

      .section article ul li:last-child {
        margin-bottom: 0;
      }

      .composition-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 24px;
        font-size: 15px;
      }

      .composition-table th,
      .composition-table td {
        padding: 12px 10px;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
      }

      .composition-table th {
        font-weight: 600;
        color: #333;
      }

      .composition-footnote {
        font-size: 12px;
        color: #555;
        margin-top: 6px;
      }

      @media (min-width: 720px) {
        .hero-card {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: auto auto auto auto;
          column-gap: 32px;
          row-gap: 16px;
        }

        .hero-card__media {
          grid-column: 1;
          grid-row: 1 / 5;
          align-self: start;
        }

        .hero-card__content {
          grid-column: 2;
          grid-row: 1;
        }

        .hero-benefits--list {
          grid-column: 2;
          grid-row: 2;
        }

        .hero-benefits--chips {
          grid-column: 2;
          grid-row: 3;
          padding-top: 32px;
        }

        .purchase-panel {
          grid-column: 2;
          grid-row: 4;
        }
      }

      @media (max-width: 719px) {
        .boost-probio {
        padding-top: 24px;
        padding-bottom: 24px;
          padding-left: 12px; padding-right: 12px;
        }

        .section {
          margin-top: 4px;
        }

        .hero-card__media {
          order: 2;
          padding: 24px 0;
        }

        .hero-card__content {
          order: 1;
        }

        .hero-benefits--chips {
          order: 4;
          padding-top: 32px;
        }

        .purchase-panel {
          padding: 12px;
          order: 5;
        }

        .price-tag {
          font-size: 24px;
        }

        .hero-benefits {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
          overflow: visible;
        }

        .hero-benefits--list {
          order: 3;
          display: flex;
          grid-template-columns: unset;
        }

        .hero-benefits__item {
          flex: initial;
          text-align: center;
          white-space: normal;
          font-size: 12px;
        }
      }

      @media (max-width: 540px) {
        #nyaderm-boost-probio-app .purchase-controls {
          flex-wrap: nowrap;
          gap: 8px;
        }

        #nyaderm-boost-probio-app .quantity-field {
          min-width: 100px;
          height: 48px;
        }

        #nyaderm-boost-probio-app .quantity-field input {
          width: 40px;
          font-size: 14px;
        }

        #nyaderm-boost-probio-app .quantity-field__btn {
          width: 32px;
          height: 32px;
        }

        #nyaderm-boost-probio-app .purchase-controls .button {
          flex: 1 1 auto;
          min-height: 48px;
          padding: 14px 20px;
          white-space: nowrap;
          font-size: 14px;
        }

        #nyaderm-boost-probio-app .purchase-controls .button svg {
          width: 18px;
          height: 18px;
        }

        #nyaderm-boost-probio-app .quantity-field {
          height: 48px;
        }
      }
.hero-benefits--list {
  flex-direction: column;
}

body.nyaderm-boost-probio-page .razzi-container-wide,
body.nyaderm-boost-probio-page .razzi-container,
body.nyaderm-boost-probio-page .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hero-benefits--list .hero-benefits__item {
  width: 100%;
}
      @media (max-width: 719px) {
        .hero-benefits--list {
          gap: 6px;
        }
      }

/* Stock Status */
.stock-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.stock-status__dot {
  width: 10px;
  height: 10px;
  background-color: #22c55e;
  border-radius: 50%;
  animation: pulse-green 2s ease-in-out infinite;
}

.stock-status__text {
  font-size: 14px;
  font-weight: 500;
  color: #22c55e;
}

@keyframes pulse-green {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
  }
}