/* VirtueMart recommendation/question component dialog. */
html,body{max-width:100%;overflow-x:hidden}
body{font-family:"Open Sans",Arial,Helvetica,sans-serif}
.ask-a-question-view{box-sizing:border-box;width:100%;max-width:980px;margin:0 auto;padding:clamp(18px,3vw,34px)}
.ask-a-question-view>h1{margin:0 0 24px;color:#07536e;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2;text-transform:none}
.ask-a-question-view .product-summary{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,210px);gap:22px;align-items:center;width:100%;margin:0 0 26px;padding:18px;border:1px solid #b9dce8;border-radius:14px;background:#f5fbfd}
.ask-a-question-view .product-summary>.width70,
.ask-a-question-view .product-summary>.width30{float:none!important;width:auto!important;min-width:0}
.ask-a-question-view .product-summary h2{margin:0;color:#07536e;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.ask-a-question-view .product-summary .short-description{margin-top:10px;line-height:1.55;overflow-wrap:anywhere}
.ask-a-question-view .product-summary .product-image{display:block;width:100%;max-width:190px;height:auto;max-height:190px;margin:0 auto;object-fit:contain}
.ask-a-question-view .form-field,.ask-a-question-view #askform,.ask-a-question-view table.askform{box-sizing:border-box;width:100%;max-width:100%}
.ask-a-question-view table.askform,.ask-a-question-view table.askform tbody{display:block;width:100%}
.ask-a-question-view table.askform tr{box-sizing:border-box;display:grid;grid-template-columns:minmax(190px,38%) minmax(0,1fr);gap:16px;width:100%;margin:0 0 14px}
.ask-a-question-view table.askform tr:nth-child(3),.ask-a-question-view table.askform tr:nth-child(4){grid-template-columns:1fr}
.ask-a-question-view table.askform td{box-sizing:border-box;display:block;width:auto!important;padding:0;vertical-align:middle}
.ask-a-question-view label{font-size:17px;font-weight:600;line-height:1.4}
.ask-a-question-view input[type="text"],.ask-a-question-view input[type="email"],.ask-a-question-view textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid #b8cbd2;border-radius:9px;font:400 16px/1.45 "Open Sans",Arial,Helvetica,sans-serif}
.ask-a-question-view textarea,.ask-a-question-view textarea#comment{width:100%!important;max-width:100%!important;min-height:170px;resize:vertical}
.ask-a-question-view .submit{box-sizing:border-box;max-width:100%}
.ask-a-question-view .g-recaptcha{max-width:100%;margin:10px 0 18px;transform-origin:left top}
.ask-a-question-view .submit>div:last-child{display:grid;grid-template-columns:minmax(230px,1fr) minmax(230px,1fr);gap:18px;align-items:center}
.ask-a-question-view .submit>div:last-child>.width50{box-sizing:border-box;float:none!important;width:auto!important;min-width:0}
.ask-a-question-view .submit>div:last-child>.text-right{display:flex;gap:9px;align-items:center;justify-content:flex-end;text-align:right!important}
.ask-a-question-view input.highlight-button{box-sizing:border-box;min-height:48px;padding:10px 18px;border-radius:10px;font:700 16px/1.3 "Open Sans",Arial,Helvetica,sans-serif}
.ask-a-question-view input.counter{width:64px!important;min-height:38px}
@media(max-width:600px){
  .ask-a-question-view{padding:16px 13px}
  .ask-a-question-view .product-summary{grid-template-columns:1fr;padding:15px}
  .ask-a-question-view .product-summary .product-image{max-width:160px;max-height:160px}
  .ask-a-question-view table.askform tr{grid-template-columns:1fr;gap:7px}
  .ask-a-question-view table.askform td{width:100%!important;padding:0}
  .ask-a-question-view .submit>div:last-child{grid-template-columns:1fr;gap:12px}
  .ask-a-question-view .submit>div:last-child>.text-right{justify-content:flex-start;text-align:left!important}
  .ask-a-question-view .submit .width50{box-sizing:border-box;float:none!important;width:100%!important;margin:0 0 12px;text-align:left!important}
  .ask-a-question-view .g-recaptcha{margin-bottom:-18px;transform:scale(.75)}
}
@media(max-width:350px){.ask-a-question-view .g-recaptcha{margin-bottom:-35px;transform:scale(.55)}}
