/* O menu e formulários adaptam-se também no browser do telemóvel. */
.app-main img{max-width:100%}.app-main .form-grid>*{min-width:0}.portal-field input,.portal-field select,.portal-field textarea{max-width:100%;box-sizing:border-box}.detail-info,.detail-layout>*{min-width:0}.detail-description,.saved-record,.ai-answer{overflow-wrap:anywhere}.ai-answer pre{max-width:100%;overflow:auto}.checkout-steps{flex-wrap:wrap}
@media(max-width:850px){
 .app-sidebar{position:sticky;inset:auto;top:0;width:100%;max-height:85dvh;overflow-y:auto;z-index:40;padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;box-sizing:border-box;border-bottom:1px solid #edc6a1;box-shadow:0 3px 14px #7135100d;background:#fffdf9}
 .app-sidebar>.logo{grid-column:1;grid-row:1;align-self:center;font-size:25px}
 .sidebar-description,.sidebar-note,.app-sidebar .connection{display:none}
 .sidebar-navigation{grid-column:1/-1;grid-row:2;margin:0}
 .sidebar-navigation summary{font-size:15px;letter-spacing:0;text-transform:none;font-weight:750;color:#6f2d08;border:1px solid #e8bc93;border-radius:9px;padding:10px 14px;margin:0;min-height:44px;box-sizing:border-box;cursor:pointer}
 .sidebar-navigation[open] summary{margin-bottom:10px;background:#fff0dd}
 .side-menu a{min-height:48px;padding:10px 14px;box-sizing:border-box}.side-menu a span{font-size:16px}.side-menu a small{font-size:12px}
 .sidebar-bottom{grid-column:2;grid-row:1;margin:0;padding:0;align-self:center}.sidebar-account{margin:0;padding:12px 0;min-height:44px;box-sizing:border-box;font-size:13px}
 .app-main{margin-left:0}.app-view{scroll-margin-top:124px}.app-main .hero{padding:28px 0}.app-main h1{font-size:clamp(30px,6vw,42px)}
 .manual-refresh-toolbar{padding:12px 16px 0;min-height:48px}.manual-refresh-button{min-height:44px}.manual-refresh-status{max-width:55%;overflow-wrap:anywhere}
}
@media(max-width:640px){
 .app-main .container{width:calc(100% - 32px)}.app-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .form-grid,.account-grid,.app-main .filter-fields{grid-template-columns:minmax(0,1fr)}.full-width{grid-column:1/-1}
 input,select,textarea{font-size:16px!important;min-width:0}.button,.catalog-buy{min-height:44px}.form-actions{flex-wrap:wrap;gap:12px}.form-actions .button{max-width:100%}
 .detail-photo img{height:auto;aspect-ratio:4/3}.detail-layout{gap:22px}.detail-info h2{font-size:1.65rem}.detail-price{font-size:2rem}
 .detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-specs dd{overflow-wrap:anywhere}.cart-total{flex-wrap:wrap;align-items:center;gap:12px}.cart-total strong{white-space:nowrap}
 .checkout-billing{scroll-margin-top:140px}.checkout-summary,.portal-form{padding:18px}.checkout-piece,.transport-piece-heading{flex-wrap:wrap}.checkout-piece>div{min-width:0}
 .ai-answer{font-size:16px}.reuse-story-image{margin-left:0;margin-right:0}
}
@media(max-width:480px){.app-main .product-grid{grid-template-columns:minmax(0,1fr)}.app-main .module-banner{padding:20px}.availability-card{padding:14px}.detail-specs{gap:10px}.detail-specs div{padding:12px 10px}.payment-choice{padding:14px}.transport-measures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
