/* FORMS_V2 (Opus, 2026-10-16): contact and registration in the 2.0 system. Labels above fields, one card per form. */
body:is(#contact,#registration,#authentication){--f-ink:#17141c;--f-muted:#625b6b;--f-line:#e2dfe7;--f-brand:#7828c8;--f-brand-ink:#5a1d99;--f-soft:#f8f6fb}

/* Labels above fields (same as login since POLISH_V1) */
body:is(#contact,#registration,#authentication) #wrapper .form-group.row{display:block!important;margin:0 0 16px!important}
body:is(#contact,#registration,#authentication) #wrapper .form-group.row>*{width:100%!important;max-width:100%!important;flex:none!important;padding:0!important;float:none!important;text-align:left!important}
body:is(#contact,#registration,#authentication) #wrapper .form-control-label{font-weight:700;font-size:15px;margin:0 0 6px!important;text-align:left!important}
body:is(#contact,#registration,#authentication) #wrapper .form-control-comment{font-size:13px;color:var(--f-muted);margin-top:4px}
body:is(#contact,#registration,#authentication) #wrapper .form-control-comment:empty{display:none}
body:is(#contact,#registration,#authentication) #wrapper textarea.form-control{min-height:150px}
body:is(#contact,#registration,#authentication) #wrapper .form-footer{text-align:left!important}
body:is(#contact,#registration,#authentication) #wrapper .form-footer .btn{min-width:220px}

/* Contact */
body#contact #content-wrapper{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
body#contact #left-column,body#contact #right-column{display:none!important}
body#contact #content.page-content{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body#contact .bjm-contact-form [class*=col-]{width:100%!important;max-width:100%!important;flex:none!important;float:none!important;padding-left:0!important;padding-right:0!important}
body#contact .bjm-contact-form [class*=offset]{margin-left:0!important}
body#contact .bjm-contact-form .row{margin-left:0!important;margin-right:0!important}
.bjm-contact-head{max-width:820px;margin:4px 0 24px}
.bjm-contact-head h1{font-size:40px!important;line-height:1.15!important;font-weight:800!important;margin:0 0 8px!important;color:var(--f-ink);text-transform:none!important}
.bjm-contact-head p{margin:0;font-size:17px;line-height:1.55;color:var(--f-muted)}
.bjm-contact-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;align-items:start}
.bjm-contact-ways{display:flex;flex-direction:column;gap:10px;position:sticky;top:18px}
.bjm-cw{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--f-line);background:#fff;color:var(--f-ink)!important;text-decoration:none!important;transition:border-color .15s ease,transform .15s ease}
.bjm-cw:hover{border-color:var(--f-brand);transform:translateY(-1px)}
.bjm-cw svg{width:26px;height:26px;color:var(--f-brand);flex:none}
.bjm-cw b{display:block;font-size:16px}
.bjm-cw small{display:block;font-size:14px;color:var(--f-muted)}
.bjm-cw.is-chat{background:var(--f-brand);border-color:var(--f-brand);color:#fff!important}
.bjm-cw.is-chat svg,.bjm-cw.is-chat small{color:#efe6fb}
.bjm-cw-addr{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:16px;background:var(--f-soft);border:1px solid var(--f-line);font-size:15px;color:var(--f-ink)}
.bjm-cw-addr small{color:var(--f-muted);font-size:13.5px}
.bjm-cw-addr a{margin-top:6px;color:var(--f-brand);font-weight:700}
body#contact .bjm-contact-form .contact-form{border:1px solid var(--f-line)!important;border-radius:16px!important;box-shadow:none!important;background:#fff;padding:26px 28px!important;margin:0!important}
body#contact .bjm-contact-form .contact-form h3{display:none!important}
body#contact .bjm-contact-form .bootstrap-filestyle,body#contact .bjm-contact-form .input-group{width:100%}
body#contact .bjm-contact-form :is(.psgdpr_consent_message,.gdpr_consent,.custom-checkbox){font-size:13.5px;line-height:1.5;color:var(--f-muted)}
body#contact .bjm-contact-form .custom-checkbox label{font-weight:600;color:var(--f-ink)}
body#contact .bjm-cw:focus-visible,body#contact .bjm-cw-addr a:focus-visible{outline:3px solid var(--f-brand);outline-offset:2px}

/* Registration */
body:is(#registration,#authentication) .bjm-f2-benefits{border-top:4px solid var(--f-brand)!important;border-radius:16px!important}
body:is(#registration,#authentication) .bjm-f2-benefits h2{font-size:24px!important;font-weight:800!important}
body:is(#registration,#authentication) .bjm-f2-benefits li{font-size:15.5px;line-height:1.5;margin:0 0 10px}
body:is(#registration,#authentication) .bjm-f2-benefits p{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--f-soft);font-size:14px;color:var(--f-muted)}
body:is(#registration,#authentication) .bm-b2b-register-form{border-radius:16px!important}
body:is(#registration,#authentication) .bm-b2b-register-login{border-radius:12px}

@media (max-width:900px){
 .bjm-contact-grid{grid-template-columns:1fr}
 .bjm-contact-ways{position:static}
 .bjm-contact-head h1{font-size:30px!important}
 body#contact .bjm-contact-form .contact-form{padding:18px!important}
 body:is(#contact,#registration,#authentication) #wrapper .form-footer .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.bjm-cw{transition:none}}
/* The B2B register form has its own two-column grid (custom.css, high specificity): one column, labels above. */
body#authentication.page-customer-account #wrapper .bm-b2b-register-form #customer-form .form-group.row{display:block!important;grid-template-columns:1fr!important}
body#authentication.page-customer-account #wrapper .bm-b2b-register-form #customer-form .form-group.row>*{width:100%!important;max-width:100%!important;grid-column:auto!important}