/* Figma 6092:8058, 6096:8409; keep Magento field names, validation and state. */
body.df-form-page #maincontent.page-main{padding-top:64px}
body.df-form-page .breadcrumbs + #maincontent{padding-top:0}
body.df-form-page #maincontent .form{margin:0}
body.df-form-page #maincontent .form.create.account,body.df-form-page #maincontent .form.password.forget,body.df-form-page #maincontent .form.password.reset{width:535px;max-width:100%;min-width:0}
body.df-form-page #maincontent .fieldset{margin:0 0 32px;padding:0;border:0;min-width:0}
body.df-form-page #maincontent .fieldset .legend{float:none;display:block;box-sizing:border-box;width:100%;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #e0e0e0;color:#141414;font:700 18px/22px Montserrat,sans-serif}
body.df-form-page #maincontent .fieldset > .legend + br{display:none}
body.df-form-page #maincontent .fieldset .legend span{font:inherit}
body.df-form-page #maincontent .fieldset .field{margin:0 0 16px;padding:0}
body.df-form-page #maincontent .fieldset .field:last-child{margin-bottom:0}
body.df-form-page #maincontent .fieldset .field > .label{display:block;float:none;width:auto;text-align:left;padding:0;margin:0 0 8px;color:#141414;font:600 14px/17px Montserrat,sans-serif}
body.df-form-page #maincontent .fieldset .field > .control{float:none;width:100%}
body.df-form-page #maincontent :is(input.input-text,select,textarea){box-sizing:border-box;width:100%;height:40px;padding:9px 12px;border:1px solid #ccc;border-radius:2px;background-color:#fff;color:#141414;box-shadow:none;font:400 16px/20px Montserrat,sans-serif}
body.df-form-page #maincontent textarea{min-height:160px;resize:vertical}
body.df-form-page #maincontent input::placeholder{color:#a8a8a8;font-weight:300;opacity:1}
body.df-form-page #maincontent .fieldset .field.choice{display:flex;align-items:center;gap:8px;min-height:17px}
body.df-form-page #maincontent .fieldset .field.choice .label{margin:0;font-weight:400}
body.df-form-page #maincontent .field.choice :is(input[type=checkbox],input[type=radio]){width:16px;height:16px;margin:0;position:static;flex:none;accent-color:#f26522}
body.df-form-page #maincontent .fieldset .field.choice.hidden_field{display:inline-flex;width:auto;margin-right:24px}
body.df-form-page #maincontent .fieldset .field::before{display:none}
body.df-form-page #maincontent .fieldset .required > .label::after,body.df-form-page #maincontent .fieldset::after{color:#f26522}
body.df-form-page #maincontent .fieldset::after{margin:32px 0 0;padding:0;font:400 12px/15px Montserrat,sans-serif}
body.df-form-page #maincontent .password-strength-meter{height:auto;min-height:31px;box-sizing:border-box;padding:8px 12px;font:400 12px/15px Montserrat,sans-serif}
body.df-form-page #maincontent .actions-toolbar{margin:0;display:flex;align-items:center;gap:20px}
body.df-form-page #maincontent .actions-toolbar::before,body.df-form-page #maincontent .actions-toolbar::after{display:none}
body.df-form-page #maincontent .actions-toolbar > :is(.primary,.secondary){float:none;margin:0}
body.df-form-page #maincontent .action.primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:12px 32px;margin:0;border:0;border-radius:2px;background:#f26522;color:#fff;font:700 16px/20px Montserrat,sans-serif;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;box-shadow:none;text-shadow:none}
body.df-form-page #maincontent .action.primary:hover{background:#df581b}
body.df-form-page #maincontent .action.primary:disabled{opacity:.55}
body.df-form-page #maincontent .field.note{font:400 14px/1.5 Montserrat,sans-serif;color:#5b5d5d}
body.df-form-page #maincontent div.mage-error{color:#b3261e;font:400 12px/17px Montserrat,sans-serif;margin-top:6px}
body.df-form-page #maincontent .tooltip.wrapper{font:400 14px/17px Montserrat,sans-serif}
/* Account navigation and actual customer data are rendered by Magento. */
@media(min-width:768px){
 body.df-account #maincontent .columns{display:grid;grid-template-columns:260px minmax(0,810px);column-gap:40px;align-items:start}
 body.df-account #maincontent .columns > .column.main{grid-column:2;grid-row:1;width:100%;float:none;padding:0}
 body.df-account #maincontent .columns > .sidebar-main{grid-column:1;grid-row:1;width:100%;float:none;padding:0}
 body.df-account #maincontent .columns > .sidebar-additional{grid-column:1;width:100%;float:none;padding:0}
 body.df-account #maincontent > .page-title-wrapper{margin-left:300px}
}
body.df-account #maincontent .block-collapsible-nav{position:static;margin:0 0 32px}
body.df-account #maincontent .block-collapsible-nav .content{padding:20px 0;background:#f7f7f7}
body.df-account #maincontent .block-collapsible-nav .item{margin:0}
body.df-account #maincontent .block-collapsible-nav .item :is(a,strong){display:block;padding:9px 20px;border-left:3px solid transparent;color:#5b5d5d;font:400 14px/17px Montserrat,sans-serif}
body.df-account #maincontent .block-collapsible-nav .item.current > strong,body.df-account #maincontent .block-collapsible-nav .item.current > a{border-color:#f26522;color:#f26522;font-weight:600}
body.df-account #maincontent .block-collapsible-nav .item a:hover{background:#eee;color:#f26522;text-decoration:none}
body.df-account #maincontent .block-title{margin:0 0 24px;padding:0 0 12px;border-bottom:1px solid #e0e0e0}
body.df-account #maincontent .block-title strong{font:700 18px/22px Montserrat,sans-serif}
body.df-account #maincontent .block{margin-bottom:40px}
body.df-account #maincontent .box-title{font:600 14px/18px Montserrat,sans-serif;margin:0 0 12px}
body.df-account #maincontent :is(.box-content,p,address){font:400 14px/21px Montserrat,sans-serif;color:#5b5d5d}
body.df-account #maincontent .box-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
body.df-account #maincontent .box-actions a{padding:8px 18px;border:1px solid #f26522;border-radius:2px;color:#f26522;font:600 13px/16px Montserrat,sans-serif}
body.df-account #maincontent .box-actions a::after{display:none}
body.df-account #maincontent .table-wrapper{max-width:100%;overflow-x:auto}
body.df-account #maincontent .table th{color:#141414;background:#f7f7f7}
body.df-account #maincontent .table :is(th,td){font-size:14px;padding:12px}
@media(min-width:768px){body.contact-index-index.df-form-page #maincontent .column.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;width:100%}body.contact-index-index.df-form-page #maincontent .column.main > div:empty{display:none}body.contact-index-index.df-form-page #maincontent .form.contact{grid-column:1;grid-row:1;width:100%;min-width:0;float:none;margin:0}body.contact-index-index.df-form-page #maincontent .column-contact-loja{grid-column:2;grid-row:1;width:100%;float:none;margin:0;padding:0}}
@media(max-width:767px){body.df-form-page #maincontent.page-main{padding-top:32px}body.df-form-page #maincontent .actions-toolbar{flex-wrap:wrap}body.df-account #maincontent .columns{display:flex;flex-direction:column}body.df-account #maincontent .sidebar-main{order:-1;width:100%}body.df-account #maincontent .column.main{width:100%}body.df-form-page #maincontent .tooltip.wrapper{font-size:12px}}