/* Main layout only: this stylesheet is never included by /shtimi. */
body.public-layout, body.portal-layout { min-width: 0; }
.portal-layout .order-workspace, .portal-layout .order-facts > div { min-width:0; }
.portal-layout .order-workspace { grid-template-columns:minmax(0,1fr); }
.portal-layout .order-facts { min-width:0; }
.portal-layout .order-facts strong { overflow-wrap:anywhere; }
.public-layout .seo-breadcrumbs { display:flex; flex-wrap:wrap; gap:4px 8px; padding:16px 0 0; font-size:12px; color:var(--muted); }
.public-layout .seo-breadcrumbs a { display:inline-flex; align-items:center; min-height:32px; text-decoration:underline; text-underline-offset:3px; }
.public-layout [data-as-lower] .as-fleet-count { color:var(--muted); }
.public-layout .site-header { border-left:env(safe-area-inset-left,0px) solid transparent; border-right:env(safe-area-inset-right,0px) solid transparent; border-top:env(safe-area-inset-top,0px) solid transparent; }
.public-layout .site-footer > *, .public-layout .site-footer nav { min-width:0; }
.public-layout .site-footer :is(a,p,strong) { overflow-wrap:anywhere; hyphens:auto; }
@media(max-width:319px) {
    .portal-layout .order-facts { grid-template-columns:minmax(0,1fr); }
    .public-layout .site-tools { flex-wrap:wrap; }
    .public-layout .site-tools, .public-layout .preferences { min-width:0; }
    .public-layout .site-tools .btn { padding-inline:12px; }
    .public-layout .button-row > *, .portal-layout .button-row > * { max-width:100%; white-space:normal; }
}

/* Lower landing enhancements already keep this container visible. Avoid a
   transient reveal transform before their deferred initialization finishes. */
.public-layout .home-content .motion-section { position:relative; opacity:1; transform:none; transition:none; }

/* Keep readable text at full contrast while its portrait arrives. */
.public-layout .home-content #about .at-person { animation:none; }
.public-layout .home-content #about .at-portrait { animation:at-arrive .7s ease both; }
/* Reveal the mock delivery text at full opacity; animate its movement only. */
.public-layout .home-content #partners .ap-result { visibility:hidden; opacity:1; transition:transform .5s ease; }
.public-layout .home-content #partners .ap-device[data-phase="3"] .ap-result { visibility:visible; opacity:1; }
@media(prefers-reduced-motion:reduce) {
 .public-layout .home-content #about .at-portrait { animation:none; }
 .public-layout .home-content #partners .ap-result { transition:none; }
}