/* vk-pdp-extras
   Split out of the monolithic product-page stylesheet so this section
   owns exactly one file. Do not merge these back together. */

.vpk-rewards {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    font-size: 12px;

    color: var(--vpk-muted);

    padding: 10px 0 0;

    border-top: 1px solid var(--vpk-border);

  }

.vpk-rewards svg {

    width: 14px;

    height: 14px;

    fill: var(--vpk-lime);

  }

.vpk-rewards strong {

    color: var(--vpk-lime);

    font-weight: 700;

  }

.vpk-actions {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    padding-top: 10px;

    border-top: 1px solid var(--vpk-border);

  }

.vpk-share {

    display: flex;

    align-items: center;

    gap: 8px;

  }

.vpk-share__label {

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: #444;

  }

.vpk-share__btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #111;

    border: 1px solid #222;

    color: #666;

    cursor: pointer;

    transition: all 0.2s;

    padding: 0;

  }

.vpk-share__btn:hover {

    background: #1a1a1a;

    border-color: var(--vpk-lime);

    color: var(--vpk-lime);

  }

.vpk-share__btn svg {

    width: 13px;

    height: 13px;

    fill: currentColor;

  }

@media (max-width: 767px) {
  .vpk-actions {

      flex-direction: column;

      align-items: stretch;

      gap: 10px;

    }
  .vpk-share {

      justify-content: center;

    }
  .vpk-share {
      display: none !important;
    }
}

.vpk-trust-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 12px 0 8px;
    padding: 12px 10px;
    background: rgba(170, 255, 0, 0.04);
    border: 1px solid rgba(170, 255, 0, 0.18);
    border-radius: 6px;
  }

.vpk-trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }

.vpk-trust-item__icon {
    font-size: 18px;
    line-height: 1;
    color: #aaff00;
  }

.vpk-trust-item__label {
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.01em;
  }

.vpk-trust-item__sub {
    font-size: 12px;
    color: #888;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

@media (max-width: 767px) {
  .vpk-trust-strip {
      gap: 4px;
      padding: 10px 6px;
      margin: 10px 0 6px;
    }
  .vpk-trust-item__icon { font-size: 16px; }
  .vpk-trust-item__label { font-size: 12px; }
  .vpk-trust-item__sub { font-size: 12px; }
}

.vpk-disclose {

        margin: 14px 0 12px;

        padding: 0;

        background: rgba(170, 255, 0, 0.04);

        border: 1px solid rgba(170, 255, 0, 0.16);

        border-left: 3px solid var(--vpk-lime, #aaff00);

        border-radius: 10px;

        font-family: 'Inter', system-ui, sans-serif;

        color: #d8d8d8;

        overflow: hidden;

      }

.vpk-disclose__summary {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding: 12px 14px;

        cursor: pointer;

        list-style: none;

        outline: none;

        user-select: none;

        transition: background 0.18s;

      }

.vpk-disclose__summary:hover { background: rgba(170, 255, 0, 0.06); }

.vpk-disclose__summary::-webkit-details-marker { display: none; }

.vpk-disclose__summary::marker { content: ''; }

.vpk-disclose__heading {

        font-size: 13px;

        font-weight: 700;

        letter-spacing: 0.04em;

        text-transform: uppercase;

        color: #fff;

      }

.vpk-disclose__chevron {

        font-size: 18px;

        font-weight: 700;

        line-height: 1;

        color: var(--vpk-lime, #aaff00);

        transition: transform 0.2s;

      }

.vpk-disclose[open] .vpk-disclose__chevron { transform: rotate(45deg); }

.vpk-disclose__subline {

        margin: 0;

        padding: 0 14px 8px;

        font-size: 12px;

        color: #888;

        font-style: italic;

      }

.vpk-disclose__list {

        margin: 0;

        padding: 0 14px 14px 32px;

        font-size: 13px;

        line-height: 1.55;

        color: #c8c8c8;

      }

.vpk-disclose__list li { margin-bottom: 8px; }

.vpk-disclose__list li:last-child { margin-bottom: 0; }

@media (min-width: 768px) {
  .vpk-disclose { max-width: 480px; }
  .vpk-disclose__heading { font-size: 14px; }
  .vpk-disclose__list { font-size: 14px; }
}

button.vpk-share__btn {

    width: 30px;

    height: 30px;

    padding: 0;

    border: none;

    background: #111111;

    color: #666666;

  }

button.vpk-share__btn:hover {

    background: #1A1A1A;

    color: #AAFF00;

  }

.vpk-share__btn svg {

    width: 13px;

    height: 13px;

    flex-shrink: 0;

  }