
body.cms-account-awaiting-approval .page-title-wrapper,
body.cms-account-awaiting-approval .page.messages {
  display:none!important;
}
body.cms-account-awaiting-approval .columns .column.main {
  width:100%!important;
}
.dna-trade-confirm {
  max-width:1320px;
  margin:18px auto 22px;
  padding:0 20px;
  font-family:Roboto,Arial,sans-serif;
  color:#111;
}
.dna-trade-card {
  background:#fff;
  border:1px solid #e4e4e4;
  border-radius:9px;
  box-shadow:0 3px 20px rgba(0,0,0,.045);
  padding:30px 32px 20px;
}
.dna-trade-intro {
  display:grid;
  grid-template-columns:230px 1fr;
  gap:35px;
  align-items:center;
  padding:0 40px 28px;
}
.dna-trade-success-icon {
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,#11851e 0 44%,#d6f6dd 45% 100%);
  color:white;
  font-size:94px;
  font-weight:700;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;
}
.dna-trade-eyebrow {
  font-size:14px;
  color:#444;
  margin-bottom:10px;
}
.dna-trade-intro h1 {
  font-size:39px;
  font-weight:800;
  line-height:1.12;
  margin:0 0 13px;
}
.dna-trade-intro p {
  font-size:17px;
  line-height:1.5;
  color:#555;
  margin:0;
  max-width:780px;
}
.dna-trade-progress {
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  padding:20px 12px 28px;
}
.dna-trade-progress h2 {
  font-size:22px;
  font-weight:800;
  margin:0 0 25px;
}
.dna-trade-steps {
  display:grid;
  grid-template-columns:1fr 30px 1fr 30px 1fr;
  gap:12px;
  align-items:center;
}
.dna-trade-step {
  display:flex;
  align-items:center;
  gap:18px;
}
.dna-trade-step-icon {
  flex:0 0 85px;
  height:85px;
  border-radius:50%;
  background:#ededed;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  font-size:39px;
  color:#111;
}
.dna-trade-step-icon.active {background:#fff200;}
.dna-step-num {
  position:absolute;
  left:-5px;
  top:-8px;
  background:#080808;
  color:#fff;
  border-radius:50%;
  width:27px;
  height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
}
.dna-trade-step h3 {
  font-size:17px;
  font-weight:800;
  margin:0 0 6px;
}
.dna-trade-step p {
  font-size:14px;
  color:#666;
  line-height:1.5;
  margin:0;
}
.dna-trade-arrow {
  color:#aaa;
  font-size:42px;
  text-align:center;
}
.dna-trade-bottom {
  display:flex;
  align-items:center;
  gap:28px;
  padding:20px 24px 0;
}
.dna-trade-shopping-icon {
  flex:0 0 75px;
  height:75px;
  border-radius:50%;
  background:#eee;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:37px;
}
.dna-trade-bottom-text {flex:1;}
.dna-trade-bottom-text h2 {
  font-size:20px;
  font-weight:800;
  margin:0 0 6px;
}
.dna-trade-bottom-text p {
  font-size:15px;
  color:#555;
  line-height:1.5;
  margin:0;
}
.dna-trade-shop-button {
  background:#fff200;
  color:#000!important;
  border-radius:6px;
  min-width:330px;
  padding:19px 25px;
  font-size:17px;
  font-weight:800;
  text-align:center;
  text-decoration:none!important;
}
.dna-trade-shop-button span {margin-left:12px;font-size:24px;}
.dna-trade-shop-button:hover {background:#e9df00;}
@media(max-width:900px) {
  .dna-trade-intro {grid-template-columns:1fr;text-align:center;padding:0 0 24px;gap:15px;}
  .dna-trade-success-icon {width:130px;height:130px;font-size:70px;}
  .dna-trade-intro h1 {font-size:29px;}
  .dna-trade-steps {grid-template-columns:1fr;gap:20px;}
  .dna-trade-arrow {display:none;}
  .dna-trade-bottom {flex-wrap:wrap;padding:20px 0 0;}
  .dna-trade-shop-button {width:100%;min-width:0;}
}
@media(max-width:600px) {
  .dna-trade-confirm {padding:0 12px;}
  .dna-trade-card {padding:20px 18px;}
  .dna-trade-intro h1 {font-size:25px;}
  .dna-trade-intro h1 br {display:none;}
  .dna-trade-intro p {font-size:15px;}
  .dna-trade-progress h2 {font-size:20px;}
  .dna-trade-step-icon {flex-basis:65px;height:65px;font-size:30px;}
  .dna-trade-bottom {gap:15px;}
  .dna-trade-shopping-icon {flex-basis:55px;height:55px;font-size:27px;}
}
