@import './tokens.css';
@import './fonts.css';
* {box-sizing: border-box;}
html {color: var(--color-text); background: var(--color-background);}
body {margin: 0; font-family: var(--font-body); font-size: var(--font-size-body); line-height: var(--line-height-body);}
h1,h2,h3 {font-family: var(--font-heading); line-height: var(--line-height-heading); overflow-wrap: anywhere;}
h1 {font-size: var(--font-size-h1);} h2 {font-size: var(--font-size-h2);}
a {color: inherit; overflow-wrap: anywhere;} img {display: block; max-width: 100%; height: auto;}
button,input,select,textarea {font: inherit;} button,.button {font-family: var(--font-button);}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible {outline: 2px solid var(--color-focus); outline-offset: 3px;}
.container {width: min(var(--container-width), 100%); padding-inline: var(--container-gutter); margin-inline: auto;}
.section {padding-block: var(--section-spacing);}
.header,.footer {padding-block: var(--space-4); border-block-end: var(--border-width) solid var(--color-border);}
.footer {border-block-start: var(--border-width) solid var(--color-border); border-block-end: 0;}
.nav-list,.language-list,.breadcrumb-list {list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding: 0;}
.nav-list a,.language-list a,.button,button {min-height: var(--touch-size); display: inline-flex; align-items: center; padding-block: var(--space-2);}
.language-list [aria-disabled] {color: var(--color-muted); display: inline-flex; min-height: var(--touch-size); align-items: center;}
.breadcrumb-list li+li::before {content: '/'; margin-inline-end: var(--space-2);}
.skip {position: absolute; top: 0; left: 0; padding: var(--space-2); background: var(--color-background); transform: translateY(-110%);}
.skip:focus {transform: none;}
.skeleton {min-height: 12rem;} .muted {color: var(--color-muted);}
.technical {font-family: var(--font-technical);} .button {border: var(--border-width) solid var(--color-border); padding-inline: var(--space-4); border-radius: var(--radius);}
summary {cursor: pointer; padding-block: var(--space-3);}
.product-list {list-style: none; padding: 0;}
@media (min-width: 48rem) {.header-inner {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-6);}}
@media (min-width: 64rem) {:root {--container-gutter: 1.5rem;}}
@media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation: none !important; transition: none !important; scroll-behavior: auto !important;}}