/* Identidade GREN: logótipo em versão clara para as superfícies escuras. */
.retail-brand{min-width:190px;padding:12px 12px 12px 0}
.retail-brand .gren-logo{display:block;width:190px;height:auto}
.gren-footer-logo{display:inline-block;max-width:100%}
.gren-footer-logo .gren-logo{display:block;width:min(240px,100%);height:auto}
@media(max-width:1250px){.retail-brand{min-width:165px}.retail-brand .gren-logo{width:165px}}
@media(max-width:600px){.retail-brand{min-width:0;padding:8px 0}.retail-brand .gren-logo{width:150px;max-width:100%}.gren-footer-logo .gren-logo{width:220px}}
@media(max-width:360px){.retail-brand .gren-logo{width:135px}}

/* Formulário de orçamento: legibilidade, foco e áreas de toque. */
.quote-customer{background:#f8f8f7;border-color:#e4e2df;border-radius:10px;padding:26px}
.quote-customer>h2{margin:0 0 8px;line-height:1.2}
.quote-customer>p{line-height:1.5}
.quote-customer .form-required-note{font-size:12px;color:#555;margin:12px 0 18px}
.form-required-note span,.required-mark{color:#ae3900}
.customer-form label{font-size:14px;font-weight:700;color:#242424;margin:16px 0}
.customer-form .optional-mark{font-size:12px;color:#656565;font-weight:400}
.customer-form input,.customer-form textarea{box-sizing:border-box;min-height:48px;margin-top:7px;border:1px solid #bcbcbc;border-radius:6px;color:#202020;font-size:16px;line-height:1.4}
.customer-form textarea{min-height:96px;resize:vertical}
.customer-form input::placeholder,.customer-form textarea::placeholder{color:#727272;opacity:1}
.customer-form input:focus,.customer-form textarea:focus{border-color:#a83c00;outline:2px solid #ffb481;outline-offset:1px}
.customer-form small{display:block;margin-top:6px;color:#606060;font-size:12px;font-weight:400;line-height:1.4}
.customer-form .form-submission-note{margin:12px 0 0;color:#555;font-size:12px;line-height:1.5}
@media(max-width:760px){
 .cart-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0}
 .cart-dialog-header{position:sticky;top:0;z-index:2;background:#fff;padding:14px 18px}
 .cart-dialog-header h2{font-size:21px}
 .cart-dialog-content{padding:18px 16px max(24px,env(safe-area-inset-bottom))}
 .cart-dialog #cart-dialog-feedback:not(:empty){margin:16px 16px 0}
 .cart-dialog .quote-content{gap:22px}
 .quote-customer{padding:20px 16px}
 .customer-form label{margin:15px 0}
 .floating-cart{bottom:max(20px,env(safe-area-inset-bottom))}
 #feedback{bottom:20px}
}
@media(max-width:700px){body{padding-bottom:0}}