.db-page-store .donb-commerce-kicker {
  margin: 0 0 7px;
  color: #d6af6b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.db-page-store .dba-app-commerce-state {
  min-height: 17px;
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.46);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.07em;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}

.db-page-store .dba-app-commerce-state.is-available {
  color: #e7c889;
}

.db-page-store .dba-app-description {
  width: 100%;
  margin: 3px 0 0;
  padding: 9px 10px 10px;
  border: 1px solid rgba(181, 78, 25, 0.46);
  border-radius: 13px;
  color: rgba(244, 239, 232, 0.72);
  background:
    linear-gradient(145deg, rgba(45, 25, 15, 0.48), rgba(6, 9, 13, 0.82)),
    rgba(12, 15, 20, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 213, 165, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.22);
  font-size: 10px;
  font-weight: 520;
  line-height: 1.42;
  text-align: left;
  text-wrap: pretty;
}

@media (max-width: 680px) {
  .db-page-store .dba-app-description {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin-top: 2px;
    font-size: 10.5px;
  }
}

.db-page-store .dba-app-icon-link.is-commerce-buy {
  position: relative;
  overflow: visible;
}

.db-page-store .dba-app-icon-link.is-commerce-buy img { border-radius: inherit; }

.db-page-store .dba-app-icon-link.is-commerce-buy::after {
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(231, 200, 137, 0.5);
  border-radius: 24%;
  content: '';
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

.db-page-store .dba-app-icon-link.is-commerce-buy:hover::after,
.db-page-store .dba-app-icon-link.is-commerce-buy:focus-visible::after {
  opacity: 1;
  transform: scale(1.015);
}

.db-page-store .dba-app-buy-badge {
  position: absolute;
  right: -7px;
  bottom: -5px;
  z-index: 2;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  color: #15100a;
  background: linear-gradient(135deg, #f3dba8, #cea65e);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.34);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.donb-purchase-modal[hidden] { display: none; }
.donb-purchase-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 18px; }
.donb-purchase-backdrop { position: absolute; inset: 0; background: rgba(1, 4, 8, .82); backdrop-filter: blur(9px); }
.donb-purchase-dialog { position: relative; width: min(560px, 100%); max-height: calc(100vh - 36px); overflow: auto; padding: 25px; border: 1px solid rgba(214,175,107,.32); border-radius: 18px; color: #f8f3e9; background: linear-gradient(145deg, #171d25, #080c12); box-shadow: 0 35px 100px rgba(0,0,0,.62); }
.donb-purchase-dialog h2 { margin: 0; font-size: clamp(25px, 5vw, 35px); }
.donb-purchase-dialog > p { color: rgba(248,243,233,.65); line-height: 1.5; }
.donb-purchase-close { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; color: #fff; background: rgba(255,255,255,.06); font-size: 22px; cursor: pointer; }
.donb-purchase-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 18px 0; }
.donb-purchase-steps span { padding: 8px 6px; border-radius: 7px; color: rgba(248,243,233,.45); background: rgba(255,255,255,.04); font-size: 10px; text-align: center; }
.donb-purchase-steps .is-current { color: #f8e0b4; background: rgba(214,175,107,.14); }
.donb-purchase-dialog form { display: grid; gap: 10px; }
.donb-purchase-dialog form > div { display: grid; gap: 7px; }
.donb-purchase-dialog label { color: rgba(248,243,233,.82); font-size: 12px; font-weight: 750; }
.donb-purchase-dialog label span, .donb-purchase-dialog small { color: rgba(248,243,233,.48); font-weight: 500; }
.donb-purchase-dialog input[type="file"], .donb-purchase-dialog input[type="email"] { width: 100%; min-height: 44px; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: #fff; background: #070a0f; }
.donb-purchase-dialog .donb-consent { display: flex; align-items: flex-start; gap: 8px; margin: 4px 0; color: rgba(248,243,233,.62); font-weight: 500; }
.donb-purchase-dialog .donb-consent input { margin-top: 2px; }
.donb-purchase-dialog [data-commerce-submit] { min-height: 46px; border: 0; border-radius: 10px; color: #111820; background: linear-gradient(135deg, #f0cf91, #d6af6b); font: inherit; font-weight: 850; cursor: pointer; }
.donb-purchase-dialog [data-commerce-submit]:disabled { opacity: .55; cursor: wait; }
.donb-purchase-trial { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #d9c18e; font-size: 12px; font-weight: 750; text-align: center; text-decoration: none; }
.donb-purchase-trial[hidden] { display: none; }
.donb-purchase-trial:hover, .donb-purchase-trial:focus-visible { color: #f3dba8; text-decoration: underline; }
.donb-purchase-message { min-height: 18px; margin: 2px 0; color: #ffd0d0 !important; font-size: 12px; }
.donb-purchase-note { margin-bottom: 0; font-size: 11px; text-align: center; }
body.donb-purchase-open { overflow: hidden; }
