/** Shopify CDN: Minification failed

Line 921:19 Unexpected "{"
Line 921:28 Expected ":"
Line 921:35 Unexpected "{"

**/


    /* --- STEP 1 STYLES --- */
    .cp-header {
      text-align: center;
      margin-bottom: 2.813rem;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .cp-header-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 25rem;
      height: auto;
      z-index: -1;
      opacity: 0.6;
      pointer-events: none;
    }

    .cp-header h2 {
      line-height: 1.2;
      font-weight: 400;
      margin: 0;
      max-width: 30rem;
      letter-spacing: -0.08rem;
 font-family: 'Baskerville Classico';
    }

    .cp-grid {
      display: flex;
      gap: 3.5rem;
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .cp-left, .cp-right {
      flex: 1;
      min-width: 22rem;
    }

    /* --- NEW EXACT IMAGE & THUMBNAIL STYLES --- */
    .cp-main-image-wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
    }

    .cp-main-image {
      width: 100%;
      /* max-width: 22.375rem;  */
      aspect-ratio: 1;
      background-color: #D9D9D9;
      border-radius: 0.625rem; /* 10px */
      margin-bottom: 0.75rem;
      object-fit: cover;
      display: block;
    }

    .cp-thumbnails-wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
    }

    .cp-thumbnails {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 1.5rem;
      overflow-x: auto;
      scrollbar-width: none; /* Firefox */
      -webkit-overflow-scrolling: touch;
      /* max-width: 22.375rem;  */
      width: 100%;
    }

    .cp-thumbnails::-webkit-scrollbar {
      display: none; /* Safari/Chrome */
    }

    .cp-thumb-image {
      width: 5.75rem; /* 92px */
      height: 5.75rem; /* 92x */
      flex-shrink: 0;
      background-color: #D9D9D9;
      border-radius: 0.25rem; /* 4px */
      object-fit: cover;
      cursor: pointer;
      border: 0.063rem solid transparent;
      box-sizing: border-box;
      transition: border-color 0.2s;
    }

    .cp-thumb-image:hover, .cp-thumb-image.active {
      border-color: #3B82F6; /* Precise blue border from reference */
    }

    /* --- REST OF CSS --- */
    .cp-btn-ingredients {
      display: block;
      width: 100%;
      background-color: #F5E6B3;
      color: #000;
      text-align: center;
      line-height: 1;
      padding: 1.125rem;
      font-family: "Geist", sans-serif;
      border-radius: 0.5rem;
      text-decoration: none;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0.05rem;
      transition: opacity 0.3s ease;
    }

    .cp-btn-ingredients:hover { opacity: 0.8; }

    .cp-reviews {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.813rem;
      font-weight: 300;
      margin-bottom: 1rem;
      color: #444;
    }

    .cp-stars {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 0.125rem;
    }

    .cp-stars svg {
      width: 0.875rem;
      height: 0.875rem;
      color: #FF8A65;
      flex-shrink: 0;
    }

    .cp-bullet-list { margin-bottom: 2.313rem; }

    .cp-bullet {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 0.625rem;
      color: #000;
      line-height: 1rem;
    }

    .cp-bullet svg {
        width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #000;
    stroke-width: 4;
    background: #FDF4FF;
    flex-shrink: 0;
    border-radius: 3.125rem;
    padding: 0.125rem;
    }

    .cp-bundle-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.7rem;
             margin-bottom: 1.375rem;
    }

    .cp-bundle-card {
      border: 0.063rem solid #E9E9E9;
      border-radius: 0.35rem;
      padding: 1.313rem 0rem 1.313rem 1.138rem;
      display: flex;
      position: relative;
      cursor: pointer;
      background: #fff;
      transition: all 0.2s ease;
    }

    .cp-bundle-card.active {
      border-color: #714DA8;
      border-width: 0.063rem;
      background-color: #FDF4FF;
      padding: 1.313rem 0rem 1.313rem 1.138rem;
    }

    .cp-bundle-badge {
      position: absolute;
      top: 0;
      line-height: 0.9rem;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.175rem 0.719rem;
      border-radius: 0.35rem;
      white-space: nowrap;
      color: #000;
      background-color: #F5E6B3;
      z-index: 2;
      max-width: 100%;
      width: max-content;
    }

    .cp-bundle-info {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      flex-shrink: 0;
    }

    .cp-bundle-info h4 {
      margin: 0;
      font-size: 1.4rem;
      font-weight: 500;
      font-family: "Bricolage Grotesque", sans-serif;
      color: #000;
      line-height: 1;
    }

    .cp-bundle-info p {
      margin: 0;
      color: #C8202F;
      font-size: 1.05rem;
      font-weight: 400;
      line-height: 1.164rem;
    }

    .cp-bundle-img {
      width: auto;
      height: 3.7rem;
      max-width: 100%;
      object-fit: contain;
      position: absolute;
      right: -0.9rem;
      bottom: -0.5rem;
    }

    .boxone{
         padding: 1.563rem 1.75rem !important;
    }

    .cp-purchase-box {
      border: 0.063rem solid #6B6D61;
      border-radius: 0.7rem;
     padding: 1.875rem 1.75rem;
         margin-bottom: 1.938rem;
      position: relative;
      cursor: pointer;
      background: #fff;
      transition: all 0.2s ease;
      line-height: normal;
    }

    .cp-purchase-box.active {
      border-color: #0C1237;
      background-color: #FDF4FF;
      border-width: 0.063rem;
      line-height: normal;
    }

    .cp-purchase-box.active .cp-po-title {
      font-weight: 500;
    }

    .cp-po-badge {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.138rem;
      font-weight: 500;
      padding: 0.438rem 2.188rem;
      border-radius: 0.35rem;
      white-space: nowrap;
      color: #fff;
      line-height: 1;
      max-width: 100%;
      width: max-content;
    }

    .cp-po-header {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .cp-radio {
      width: 1.125rem;
      height: 1.125rem;
      border: 0.063rem solid #000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: #fff;
    }

    .cp-purchase-box .cp-po-header .cp-po-title {
      font-size: 1.4rem;
      font-weight: 400;
      margin: 0;
      color: #000;
    }

    .cp-purchase-box.active .cp-po-header .cp-po-title {
      font-weight: 600;
    }

    .cp-purchase-box.active .cp-radio { border-color: #0C1237; }

    .cp-purchase-box.active .cp-radio::after {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background-color: #0C1237;
      border-radius: 50%;
    }

    .cp-po-subtitle {
      font-size: 0.919rem;
      color: #616161;
      margin: 0.9rem 0 0 1.875rem;
    }

    .cp-po-benefits {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.75rem;
      margin-top: 1.925rem;
    }

    .cp-purchase-box:not(.active) .cp-po-benefits { display: none; }

    .cp-benefit-item {
      font-size: 0.919rem;
      display: flex;
      align-items: center;
      gap: 0.375rem;
      color: #000;
    }

    .cp-benefit-item svg {
      width: 1.05rem;
      height: 1.05rem;
      fill: none;
      stroke: #000;
      stroke-width: 2.5;
      flex-shrink: 0;
    }

    .cp-cta-btn {
      background-color: #0C1237;
      color: #fff;
      border: none;
      width: 100%;
      padding: 1.563rem 1.438rem;
      border-radius: 0.375rem;
      font-size: 1.4rem;
      font-weight: 700;
      cursor: pointer;
      margin-bottom: 1.75rem;
      transition: background-color 0.3s ease;
    }

    .cp-cta-btn:hover { background-color: #1a1e5c; }

    .cp-cta-btn s {
      color: #a0a0a0;
      font-weight: 400;
      margin-left: 0.375rem;
      font-size: 1rem;
    }

    .cp-warning-box {
      border: 0.088rem solid #D5D5D5;
      border-radius: 0.875rem;
      padding: 1.313rem 1.625rem;
      text-align: center;
      margin-bottom: 2.5rem;
    }

    .cp-warning-title {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      font-size: 1.313rem;
      line-height: 2.279rem;
      margin-bottom: 0.925rem;
      color: #000;
      letter-spacing: -0.07rem;
    }

    .cp-warning-title svg {
      width: 1rem;
      height: 1rem;
      fill: none;
      stroke: #000;
      stroke-width: 0.125rem;
    }

    .cp-warning-text {
      font-size: 1.313rem;
      color: rgba(0, 0, 0, 0.50);
      line-height: 1.82rem;
      text-align: justify;
      margin: 0;
    }

    .cp-trust-row {
      display: flex;
      justify-content: space-between;
      text-align: center;
    }

    .cp-trust-item {
      flex: 1;
      padding: 0 0.25rem;
    }

    .cp-trust-icon {
      height: 2.363rem;
      margin: 0 auto 0.5rem;
    }

    .cp-trust-icon svg, .cp-trust-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .cp-trust-text {
     font-weight: 500;
     text-transform: uppercase;
     color: #000;
     font-family: var(--font-body-family), sans-serif;
     font-size: 1.05rem;
     line-height: 1.2;
    }

    /* --- MODAL OVERLAY STYLES --- */
    .cp-modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 999999;
      justify-content: center;
      /* align-items: center; */
      /* padding: 1rem; */
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .cp-modal-overlay.show-modal {
      display: flex;
      opacity: 1;
    }

    /* --- STEP 2 (SCENT SELECTION POPUP) STYLES --- */
    .cp-step-2 {
      display: block;
      width: 100%;
      /* max-width: 25rem; */
      /* max-height: 90vh; */
      margin: 0 auto;
      background: #fff;
      box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15);
      overflow-y: auto;
      transform: scale(0.95);
      transition: transform 0.3s ease;
      position: relative;
    }

    .cp-modal-overlay.show-modal .cp-step-2 {
      transform: scale(1);
    }

    .s2-top-banner {
      background-color: #0C1237;
      color: #fff;
      text-align: center;
      padding: 0.94rem 3.438rem;
      font-size: 0.75rem;
      font-family: "Geist", sans-serif;
      font-weight: 100;
      letter-spacing: 0.02rem;
      line-height: 0.844;
    }

    .s2-header-nav {
      display: flex;
      align-items: center;
      padding: 1rem 2.125rem;
      border-bottom: 0.0625rem solid #eaeaea;
      position: relative;
          box-shadow: 0 4px 19.4px 0 rgba(0, 0, 0, 0.12);
    }

    .s2-back-btn {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background: #FAF6FF;
      color: #8C6AA8;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 1.25rem;
      border: none;
      position: absolute;
      left: 1.25rem;
      transition: background 0.2s;
    }

    .s2-back-btn:hover { background: #eadeff; }

    .s2-header-title {
      flex: 1;
      text-align: center;
      margin: 0;
  font-family: 'Baskerville Classico';
  font-weight: 400;
      font-size: 1.5rem;
      color: #0C1237;
      line-height: 1.938rem;
      letter-spacing: -0.055rem;
    }

    .s2-body {
      padding: 1rem;
      background: #fff;
    }

    .s2-promo-text {
      font-size: 0.813rem;
      color: #000;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 0.625rem;
    }

    .s2-promo-text strong {
      color: #000;
    }

    .s2-scarcity-box {
      text-align: center;
      margin-bottom: 1.5rem;
    }

    .s2-trending-text {
      text-align: left;
      color: #C30F16;
      font-weight: 700;
      font-size: 0.813rem;
      margin-bottom: 1.063rem;
    }

    .s2-dates-row {
      display: flex;
      background: #F7F7F7;
      border-radius: 0.375rem;
      padding: 0.75rem 0;
      justify-content: center;
      align-items: center;
    }

    .s2-date-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      font-size: 0.75rem;
      color: #000000;
    }

    .s2-date-col strong {
      font-size: 0.813rem;
      line-height: 1.25rem;
    }

    .s2-date-col:first-child strong { color: #0C1237; }

    .s2-date-col:last-child strong { color: #C12A35; }

    .s2-date-divider {
      width: 0.063rem;
      background: #000000;
      height: 1.813rem;
    }

    /* Scent List */
    .s2-scent-list {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-bottom: 1.5rem;
    }

    .s2-scent-card {
      background: #fff;
      border: 0.0625rem solid #eaeaea;
      border-radius: 0.5rem;
      padding-right: 0.938rem;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      position: relative;
      box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.02);
    }

    .s2-scent-img {
      width: 4.5rem;
      height: 4.5rem;
      object-fit: cover;
      border-radius: 0.25rem;
      background: #f4f4f4;
    }

    .js-badge-save {
      color: #000;
      font-size: 0.831rem;
      font-weight: 400;
    }

    .s2-scent-info {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .s2-scent-title {
      font-size: 0.875rem;
      font-weight: 700;
      color: #000;
      margin: 0;
      font-family: var(--font-body-family), sans-serif;
      line-height: 1.25rem;
    }

    .s2-scent-desc {
      font-size: 0.625rem;
      color: #000;
      margin: 0;
      line-height: 0.938rem;
      width: 9rem;
      max-width: 100%;
    }

    .s2-scent-badge {
      position: absolute;
      top: 0.5rem;
      right: 1.938rem;
      transform: translateY(-50%);
      font-size: 0.5rem;
      font-weight: 400;
      padding: 0.125rem 0.5rem;
      border-radius: 0 0 0.25rem 0.25rem;
      line-height: 1.5;
      text-transform: uppercase;
    }

    /* Scent Actions */
    .s2-action-area {
      display: flex;
      justify-content: flex-end;
    }

    .s2-btn-add {
      background: #0C1237;
      color: #fff;
      border: none;
      border-radius: 1.25rem;
      padding: 0.438rem 1.625rem;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
    }

    .s2-btn-add:hover { background: #0C1237; }

    .s2-btn-add:disabled { background: #cccccc; cursor: not-allowed; }

    .s2-qty-controls {
      display: none;
      align-items: center;
      gap: 0.5rem;
      padding: 1.375rem 0.438rem;
    }

    .s2-qty-btn {
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 50%;
      background: #0C1237;
      color: #fff;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem;
      cursor: pointer;
    }

    .s2-qty-btn:disabled { background: #cccccc; cursor: not-allowed; }

    .s2-qty-num {
      font-size: 1rem;
      font-weight: 700;
      min-width: 0.75rem;
      text-align: center;
    }

    /* Guarantee Box */
    .s2-guarantee {
      background: #FFFDF7;
      border: 0.031rem solid #000;
      border-radius: 0.375rem;
      padding: 0.625rem 0.875rem;
      display: flex;
      gap: 0.75rem;
      align-items: center;
    }

    .s2-guarantee-icon {
      width: 3.438rem;
      height: 3.438rem;
      flex-shrink: 0;
    }

    .s2-guarantee-icon svg, .s2-guarantee-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .s2-guarantee-text {
      font-size: 0.563rem;
      color: #000;
      margin: 0;
      line-height: 0.875rem;
    }

    .s2-guarantee-text strong {
      display: block;
      color: #000;
      font-size: 0.813rem;
      line-height: 1.063rem;
    }

    .s2-guarantee-text span {
      color: #AC7C0B;
      font-size: 0.688rem;
    }

    /* S2 Sticky Footer */
    .s2-footer {
      position: sticky;
      bottom: 0;
      background: #fff;
      padding: 1rem 1.25rem;
      border-top: 0.0625rem solid #eaeaea;
      box-shadow: 0 -0.25rem 0.5rem rgba(0,0,0,0.03);
      z-index: 10;
    }

    .s2-footer-saving {
     font-size: 0.75rem;
    font-weight: 500;
    margin: 0 0 0.75rem 0;
    color: #000;
    line-height: 1.063rem;
    }

    .s2-footer-btn {
      width: 100%;
      background: rgba(12, 18, 55, 0.40);
      color: #0C1237;
      border: none;
      border-radius: 0.375rem;
      padding: 1.25rem;
      font-size: 1rem;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1.063rem;
      position: relative;
      gap: 0.5rem;
      cursor: not-allowed;
      transition: background 0.3s;
    }

    .s2-footer-btn.active {
      background: #0C1237;
      cursor: pointer;
      color: #fff;
    }

    .s2-footer-btn.active:hover {
      background: #0C1237;
    }

    .s2-footer-btn svg {
      stroke-width: 2;
      right: 1.875rem;
      position: absolute;
    }

    .verifiedbadge {
      width: 55px;
      height: 55px;
      aspect-ratio: 1/1;
      fill: linear-gradient(90deg, #E8AC21 30.49%, #FCDC6D 77.05%);
    }

    .cp-mobile-discount-badge {
      display: none;
    }

/* Ensure the card can hold an overlapping badge */
.cp-bundle-card {
  position: relative;
  margin-top: 15px; /* Creates space so the badge doesn't get cut off at the top */
  /* Assuming you already have your border defined, e.g., border: 1px solid #e5e5e5; */
}

/* The exact pill badge styling */
.cp-bundle-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers it perfectly on the top line */
  padding: 4px 14px;
  border-radius: 30px; /* Creates the rounded pill shape */
  font-size: 0.85rem;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 2;
  font-weight: 400; /* Sets the default text to normal */
}

/* Ensures the bold part stands out */
.cp-bundle-badge b,
.cp-bundle-badge strong {
  font-weight: 800;
}
      /* --- CUSTOM CHECKBOX STYLES --- */
      .cp-checkbox {
        width: 1.3rem;
        height: 1.3rem;
        border: 0.125rem solid #0C1237;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #fff;
        transition: all 0.2s ease;
      }

      .cp-purchase-box.active .cp-checkbox {
        background-color: #0C1237;
        border-color: #0C1237;
      }

      .cp-purchase-box.active .cp-checkbox::after {
        content: '';
        width: 0.35rem;
        height: 0.65rem;
        border: solid #fff;
        border-width: 0 0.15rem 0.15rem 0;
        transform: rotate(45deg);
        margin-bottom: 0.15rem;
      }
      .cp-po-text-wrap {
        display: flex;
        flex-direction: column;
        /* gap: 0.25rem; */
        text-align: left;
      }

      .cp-po-title {
        font-size: 1.1rem;
        font-weight: 700;
        margin: 0;
        color: #000;
        line-height: 1.2;
      }

      .cp-po-subtitle {
        font-size: 0.9rem;
        color: #616161;
        margin: 0;
        line-height: 1.2;
      }
    @media screen and (max-width: 48rem) {
      .cp-section-{{ section.id }} {
        padding: 1.5rem 1rem;
      }

      /* Mobile reordering for Step 1 */
      #cp-step-1 {
        display: flex;
        flex-direction: column;
      }

      .cp-grid, .cp-left, .cp-right {
        display: contents;
      }
  .cp-thumb-image {
     width: 2.875rem; /* 46px */
     height: 2.875rem; /* 46px */

   }
      .cp-reviews {  justify-content: left; margin-bottom: 0.75rem; font-size: 0.813rem; }
      .cp-header {  margin-bottom: 1.25rem; }
      .cp-header h2 { line-height: 1.1; max-width: 100%; }
      .cp-header-bg { width: 18rem; }

      .cp-main-image-wrapper {  margin-bottom: 0.5rem; }
      .cp-thumbnails-wrapper {  }

      .cp-btn-ingredients {    margin-bottom: 0.675rem;padding: 0.8rem; font-size: 1rem; }
      .cp-bullet-list { margin-bottom: 0.938rem; }
      .cp-bullet { font-size: 1rem; margin-bottom: 0.625rem; }

      /* Mobile 2x2 Grid for Bundles */
      .cp-bundle-grid {
        
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
             margin-bottom: 1.375rem;
      }

      .cp-bundle-img {
        height: 2.5rem;
        right: -0.438rem;
        bottom: -0.313rem;
      }

      .cp-bundle-card, .cp-bundle-card.active { padding:0.938rem 0.813rem; }
      .cp-bundle-badge { font-size: 0.594rem; padding: 0.125rem 0.531rem; white-space: normal; text-align: center; }
      .js-badge-save { font-size: 0.594rem; }
      .cp-bundle-info { gap: 0; }
      .cp-bundle-info h4 { font-size: 1rem; }
      .cp-bundle-info p { font-size: 0.75rem; line-height: 0.831rem; }

      .cp-purchase-options { order: 8; }

      .cp-mobile-discount-badge {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.625rem 0;
        border-top: 1px solid #eaeaea;
               margin-bottom: 0.063rem;
        order: 6;
      }

      .cp-mobile-discount-badge span {
        font-size: 0.688rem;
        font-weight: 600;
        color: #000;
        line-height: 1.063rem;
      }
          .flex-row
    {
      display:flex;
      flex-direction: column;

    }

      .cp-mobile-discount-badge svg {
        width: 15px;
        height: 15px;
        flex-shrink: 0;
      }

      .cp-purchase-box {   padding: 1.875rem 1.25rem;
   margin-bottom: 1.25rem;}
      .cp-purchase-box.active { padding: 1.875rem 1.25rem   }
      .cp-po-badge { font-size: 0.813rem; padding: 0.313rem 1.563rem; line-height: 0.99rem;}
      .cp-purchase-box .cp-po-header .cp-po-title { font-size: 1rem; }
      .cp-po-subtitle { font-size: 0.656rem;
        margin: 0.625rem 0 0 0rem; }
      .cp-po-benefits { gap: 0.5rem; margin-top: 1.375rem; }
      .cp-benefit-item { font-size: 0.656rem; }

      .cp-cta-btn-wrapper { order: 9; }
      .cp-cta-btn { padding: 1.125rem 1.875rem; font-size: 1rem; margin-bottom: 1.25rem; }

      .cp-warning-box { order: 10; padding: 0.938rem 1rem; margin-bottom: 1.25rem; }
      .cp-warning-title { font-size: 0.938rem; margin-bottom: 0.625rem; line-height: 1.628rem;}
      .cp-warning-text { font-size: 0.938rem; text-align: left; line-height: 1.3rem; }

      .cp-trust-row { order: 11; justify-content: space-between; gap: 0.25rem; }
      .cp-trust-item { padding: 0; }
      .cp-trust-icon { height: 1.625rem; }
      .cp-trust-text { font-size: 0.75rem; line-height: 1.2; }

      /* .cp-step-2 { border-radius: 0.5rem; } */
    }

    @media (max-width: 24.375rem) {
      .cp-bundle-img {
        height: 2.2rem;
        right: -0.438rem;
        bottom: -0.313rem;
      }
    }