/* =========================================================
   ZEUS V285
   ========================================================= */

#v285-sales-calculators{
  width:100%;
  margin:20px 0;
}


#v285-sales-calculators *{
  box-sizing:border-box;
}


.v285-title{
  margin-bottom:13px;
}


.v285-title > span{
  display:block;

  margin-bottom:4px;

  font-size:.68rem;
  font-weight:800;
  letter-spacing:.11em;

  opacity:.62;
}


.v285-title h2{
  margin:0;
}


.v285-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:14px;
}


.v285-card{
  padding:16px;

  border:
    1px solid
    rgba(212,175,55,.17);

  border-radius:16px;

  background:
    rgba(255,255,255,.025);
}


.v285-card header{
  display:flex;

  align-items:center;

  gap:11px;

  margin-bottom:15px;
}


.v285-icon{
  display:flex;

  align-items:center;
  justify-content:center;

  width:42px;
  height:42px;

  flex:0 0 42px;

  border-radius:11px;

  background:
    rgba(212,175,55,.08);

  font-size:1.2rem;
}


.v285-card h3{
  margin:0;

  font-size:1rem;
}


.v285-card header p{
  margin:3px 0 0;

  font-size:.71rem;

  opacity:.62;
}


.v285-fields{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:9px;
}


.v285-fields label{
  display:flex;

  flex-direction:column;

  gap:5px;
}


.v285-fields label span{
  font-size:.7rem;
  font-weight:700;

  opacity:.72;
}


.v285-fields input{
  width:100%;
  min-height:44px;

  padding:9px 11px;

  border-radius:10px;

  font-size:16px;
}


.v285-results{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:8px;

  margin-top:13px;
}


.v285-results > div{
  display:flex;

  flex-direction:column;

  gap:4px;

  padding:11px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius:10px;

  background:
    rgba(0,0,0,.10);
}


.v285-results span{
  font-size:.66rem;

  opacity:.64;
}


.v285-results strong{
  font-size:1rem;
}


.v285-sales-results{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}


.v285-main{
  border-color:
    rgba(212,175,55,.25)!important;

  background:
    rgba(212,175,55,.055)!important;
}


.v285-main strong{
  font-size:1.12rem;
}


@media(max-width:950px){

  .v285-grid{
    grid-template-columns:1fr;
  }

}


@media(max-width:600px){

  .v285-card{
    padding:12px;
  }


  .v285-fields{
    grid-template-columns:1fr;
  }


  .v285-results{
    grid-template-columns:1fr;
  }


  .v285-sales-results{
    grid-template-columns:1fr;
  }

}


/* =========================================================
   ZEUS V289 · LADENMARGE PROZENT
   ========================================================= */

#v285-sales-calculators
.v285-card:first-of-type
.v285-results{
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );
}


#v285-sales-calculators
.v285-card:first-of-type
.v285-results > div{
  min-height:76px;

  border-color:
    rgba(212,175,55,.22);

  background:
    rgba(212,175,55,.045);
}


#v285-sales-calculators
.v285-card:first-of-type
.v285-results strong{
  font-size:1.22rem;
}


@media(max-width:600px){

  #v285-sales-calculators
  .v285-card:first-of-type
  .v285-results{
    grid-template-columns:1fr;
  }

}