.version-mode{
  display:flex;
  gap:16px;
  align-items:center;
  margin-top:8px;
}
.version-mode label{
  font-size:16px;
}
.duration-item{
  display:block;
  margin:10px 0;
  font-size: 16px; /* match main text */
}
.duration-item input{
  margin-right:10px;
}


/* Two-column layout: label | controls */
.buy-form .softver-row{
  display:grid;
  grid-template-columns: 150px 1fr; /* match your form-row label width */
  align-items:start;
  gap: 14px;
  margin-top: 8px;
}

/* Controls column */
.buy-form .softver-controls{
  min-width: 0;
  justify-self: start;
  text-align: left;
}

/* Radios stacked, starting at the left edge of the controls column */
.buy-form .version-mode{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top: 2px;
  align-items: flex-start;
}

/* Optional: make radio label rows consistent */
.buy-form .version-mode label{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Make the Latest Version row start under the radio text */
.buy-form #dl-version-row{
  margin-top: 12px;   /* tweak */
}

/* If your .btnrow is a flex row that spreads things oddly, force it */
.buy-form .dl-version-row{
  justify-content:flex-start;
  gap: 14px;
  flex-wrap: wrap;    /* helps on narrower widths */
}

/* Simple label + control rows (Product, Currency) */
.buy-form .field-row{
  display:flex;
  align-items:center;
  gap: 22px;              /* ← this is your horizontal padding */
  margin-top: 8px;
}

.buy-form .field-row .field-label{
  margin: 0;
  white-space: nowrap;
}

.buy-form .field-row select{
  flex: 0 0 auto;     /* grow and shrink as needed */
  min-width: 50px;   /* prevent it getting too small */
  max-width: 100%;
}


.buy-grid{
  display:grid;
  gap:18px;
  grid-template-columns: 1.6fr 1fr;
  grid-template-areas:
    "purchase aside"
    "verify   aside"
    "continue aside";
  align-items:start;
}

.buy-purchase{ grid-area: purchase; }
.buy-verify  { grid-area: verify; }
.buy-continue{ grid-area: continue; }
.buy-aside   { grid-area: aside; }

@media (max-width: 900px){
  .buy-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "purchase"
      "verify"
      "continue"
      "aside";
  }
}


#pricing-error{
  display: none;
}


.version-mode{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}

.version-mode label{
  display:flex;
  align-items:center;
  gap:10px;
}
/* Hidden unless "specific" selected */
.version-specific-only{
  display:none;
}
.is-hidden { display: none !important; }