/* DR. KRATOS - Trade page responsive fixes */
.trade,
.trade > *{
  min-width:0;
}
.trade form.f{
  width:100%;
  max-width:100%;
  min-width:0;
}
.trade form.f input,
.trade form.f select,
.trade form.f textarea{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.trade p,
.trade a,
.trade h2,
.trade h3,
.trade h4{
  overflow-wrap:anywhere;
}

@media (max-width:900px){
  .trade{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:44px!important;
    width:100%!important;
  }
  .trade > *{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .trade .box{
    width:100%;
    box-sizing:border-box;
  }
}

@media (max-width:560px){
  .trade{
    gap:34px!important;
  }
  .trade .box{
    padding:26px 20px;
  }
  .trade form.f input,
  .trade form.f select,
  .trade form.f textarea{
    font-size:16px;
    padding:13px 14px;
  }
  .trade form.f textarea{
    min-height:150px;
  }
  .trade .btn,
  .trade form.f .btn{
    width:100%;
    text-align:center;
    align-self:stretch;
    box-sizing:border-box;
  }
}


/* CMS-safe responsive marker added by main.js to the real Trade layout. */
.trade-responsive-layout,
.trade-responsive-layout > * {
  min-width:0;
}
.trade-responsive-form {
  width:100%;
  max-width:100%;
  min-width:0;
}
.trade-responsive-form input,
.trade-responsive-form select,
.trade-responsive-form textarea {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

@media (max-width:900px){
  .trade-responsive-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:40px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .trade-responsive-layout > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:560px){
  .trade-responsive-layout{
    gap:32px!important;
  }
  .trade-responsive-form input,
  .trade-responsive-form select,
  .trade-responsive-form textarea{
    font-size:16px;
  }
  .trade-responsive-form .btn{
    width:100%;
    box-sizing:border-box;
    text-align:center;
  }
}

/* Final mobile override: the detected CMS two-column wrapper MUST stack. */
@media (max-width: 900px) {
  body .trade-responsive-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 36px !important;
  }

  body .trade-responsive-layout > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .trade-responsive-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 560px) {
  body .trade-responsive-layout {
    gap: 30px !important;
  }
}