/* Ordem: identidade → base → componentes compartilhados → homepage. */
@import url('/css/tokens.css?v=design13');
@import url('/css/components.css?v=design13');
@import url('/css/home.css?v=design13');
@import url('/css/product-media.css?v=design13');
@import url('/css/model-detail.css?v=design13');

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--zyro-bg);color:var(--zyro-text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:inherit;line-height:1.1;overflow-wrap:break-word}
p{color:var(--zyro-muted);line-height:1.8}
em{font-style:normal}
a:focus-visible,button:focus-visible{outline:2px solid var(--zyro-cyan);outline-offset:5px}
::selection{background:var(--zyro-cyan);color:var(--zyro-bg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Bloco 4 — impedir overflow lateral sem esconder problemas de foco. */
body{overflow-x:clip}
@media(max-width:600px){html{scroll-padding-top:82px}p{overflow-wrap:break-word}a,button{-webkit-tap-highlight-color:transparent}}