/* Checkout page styles — extracted from index_main.php. */
      .mobile-version { display: none; }
      .desktop-version { display: block; }
      @media (max-width: 768px) {
        .desktop-version { display: none !important; }
        .mobile-version { display: block !important; }
      }
      /* Bundle stacks (index2-only) */
      .bundle-stack { display:flex; align-items:flex-end; justify-content:center; }
      .bundle-stack img { display:block; height:auto; }
      .bundle-stack img + img { margin-left:-10px; }
      .bundle-stack-main-3 img { width:46px; }
      .bundle-stack-main-2 img { width:58px; }
      .bundle-stack-main-1 img { width:58px; }
      .bundle-stack-bonus-2 img { width:42px; }
      .bundle-stack-bonus-1 img { width:48px; }
      .retail-unit { margin-left: -3px; white-space: nowrap; }
      .package-info__retail,
      .mretail {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2px;
        max-width: 100%;
        text-align: center;
        overflow-wrap: anywhere;
        word-break: break-word;
      }
      .retail-price-block {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2px;
        min-width: 0;
        max-width: 100%;
      }
      .retail-price {
        min-width: 0;
      }
      .bundle-bogo { display:flex; align-items:center; justify-content:center; gap:10px; }
      .bundle-bogo .bundle-stack { flex:0 0 auto; }
      .bundle-bogo .bundle-stack-main-1 img { width:58px; }
      .bundle-bogo .bundle-stack-main-2 img { width:58px; }
      .product3 .package-images { display:flex; align-items:flex-end; justify-content:center;  }
      .product4 .package-images { display:flex; align-items:flex-end; justify-content:center;  }
      .product4 .bttl::after {
        content: none !important;
        display: none !important;
        }
      .bttl-bonus .bon-cont .bon-bottom { font-size: 16px !important; }
      @media (max-width: 768px) {
        .bundle-stack img + img { margin-left:-8px; }
        .bundle-stack-main-3 img { width:40px; }
        .bundle-stack-main-2 img { width:50px; }
        .bundle-stack-main-1 img { width:50px; }
        .bundle-stack-bonus-2 img { width:38px; }
        .bundle-stack-bonus-1 img { width:44px; }
        .bundle-bogo .bundle-stack-main-1 img { width:50px; }
        .bundle-bogo .bundle-stack-main-2 img { width:50px; }
      }

      .allinpay-details-card {
        margin: 0 0 16px;
        padding: 16px;
        border: 1px solid #d8decf;
        border-radius: 14px;
        background: linear-gradient(180deg, #fbfcf8 0%, #f3f7ea 100%);
        box-shadow: 0 12px 26px rgba(34, 51, 21, 0.08);
      }

      .allinpay-details-card h3 {
        margin: 0 0 6px;
        color: #223315;
        font-size: 18px;
        line-height: 1.3;
      }

      .allinpay-details-card p {
        margin: 0 0 14px;
        color: #5a6650;
        font-size: 13px;
        line-height: 1.5;
      }

      .allinpay-details-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .allinpay-field {
        display: flex;
        flex-direction: column;
        gap: 6px;
      }

      .allinpay-field-full {
        grid-column: 1 / -1;
      }

      .allinpay-field label {
        color: #223315;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .allinpay-field input {
        width: 100%;
        min-height: 44px;
        padding: 11px 12px;
        border: 1px solid #cfd9c0;
        border-radius: 10px;
        background: #fff;
        color: #1d1d1d;
        font: inherit;
        box-sizing: border-box;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
      }

      .allinpay-field input:focus {
        outline: none;
        border-color: #7ec304;
        box-shadow: 0 0 0 3px rgba(126, 195, 4, 0.16);
      }

      .allinpay-field input::placeholder {
        color: #9aa18f;
      }

      @media (max-width: 768px) {
        .allinpay-details-card {
          margin: 0 0 14px;
          padding: 14px;
          border-radius: 12px;
        }

        .allinpay-details-card h3 {
          font-size: 16px;
        }

        .allinpay-details-form {
          grid-template-columns: 1fr;
          gap: 10px;
        }
      }

      .allinpay-field select {
        width: 100%;
        min-height: 44px;
        padding: 11px 12px;
        border: 1px solid #cfd9c0;
        border-radius: 10px;
        background: #fff;
        color: #1d1d1d;
        font: inherit;
        box-sizing: border-box;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .allinpay-field select:focus {
        outline: none;
        border-color: #7ec304;
        box-shadow: 0 0 0 3px rgba(126, 195, 4, 0.16);
        }