/* Server-rendered layout; JavaScript only changes interactive state. */
.q-native .q-header-ready { display:grid; grid-template-areas:"utility" "main"; }
.q-native .q-header-utility { grid-area:utility; }
.q-native .q-header-main { grid-area:main; }
.q-native .q-header-toggle { list-style:none; align-items:center; justify-content:center; }
.q-native .q-site-disclosure { display:contents; }
.q-native .q-site-disclosure>summary { display:inline-flex; align-items:center; justify-content:center; cursor:pointer; list-style:none; }
.q-native summary::-webkit-details-marker { display:none; }
.q-native .q-site-disclosure[open]>summary::after { transform:rotate(225deg); }
.q-native .q-footer-disclosure>summary { font:600 18px/1.4 'Source Sans 3',sans-serif; color:#d9e2e8; }
.q-native .q-footer-disclosure:not([open])>.q-footer-links { display:none; }
.q-native .q-home-company>.met-editor { padding:24px 0; }
.q-native .q-page [hidden] { display:none!important; }
.q-native .q-product-grid { min-width:0; }
.q-native .q-catalog-pagination .met_pager { display:flex!important; flex-wrap:wrap; }
.q-native .q-native-page-heading { font:600 40px/1.2 'Source Sans 3',sans-serif; }
.q-native .q-feature-disclosure { padding:0; }
.q-native .q-feature-disclosure .q-feature-strip { width:100%; }
.q-native .q-site-disclosure:not([open])>.q-site-dropdown { display:none; }
body.q-native.q-home-ready #q-home .q-guide-links .swiper-slide>.a_box:first-child { display:block; }
.q-native .q-grouped-guides { margin:0; padding:0; }
.q-native .index-news-list ul { list-style:none; padding:0; margin:0; }
.q-native .q-catalog-filters .my_box { display:flex; gap:16px; flex-wrap:wrap; }
.q-native .q-catalog-filters .type-order-attr { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:8px; }
.q-native .q-catalog-filters .order { display:flex; gap:16px; list-style:none; padding:0; }
.q-native .q-company-body.met-editor { padding-top:0; }
html:not(.q-interactive) .q-native .q-page [role=tabpanel] { margin-bottom:40px; }
@media(min-width:768px) {
 .q-native .q-footer-disclosure>summary { pointer-events:none; list-style:none; padding:0; margin:0 0 20px; border:0; }
 .q-native .q-footer-disclosure>summary::after { content:none; }
 .q-native .q-footer-disclosure { border:0; }
}
@media(min-width:601px) {
 .q-native .q-feature-disclosure>summary { display:none; }
}
@media(max-width:767px) {
 .q-native .q-header-ready { grid-template-areas:"main" "utility"; }
 .q-native .q-header-utility { display:none; }
 .q-native .q-menu-expanded .q-header-utility { display:block; background:#252c32; padding:0 0 16px; }
 .q-native .q-header-utility-inner { display:flex; flex-wrap:wrap; }
 .q-native .q-header-utility a { color:#d9e2e8; }
 .q-native .q-footer-disclosure { margin:0; }
}
/* Without scripts, every destination remains reachable. */
@media(max-width:600px){html.q-interactive .q-native [data-q-breakpoint="601"]:not([data-q-ready])>:not(summary){display:none!important;}}
@media(max-width:767px){html.q-interactive .q-native [data-q-breakpoint="768"]:not([data-q-ready])>:not(summary){display:none!important;}}
@media(max-width:900px){html.q-interactive .q-native [data-q-breakpoint="901"]:not([data-q-ready])>:not(summary){display:none!important;}}
html:not(.q-interactive) .q-native .q-site-navigation { display:block; }
html:not(.q-interactive) .q-native .q-header-utility { display:block; }
html:not(.q-interactive) .q-native .q-header-toggle { display:none; }
html:not(.q-interactive) .q-native .q-mobile-category { display:none; }
html:not(.q-interactive) .q-native .q-page [role=tabpanel] { display:block; }
/* CMS slides are already in the HTML. All reserve the same space to avoid jumps. */
.q-native .q-carousel-slides { display:grid; touch-action:pan-y; }
.q-native .q-carousel-slide { grid-area:1/1; visibility:hidden; pointer-events:none; }
.q-native .q-carousel-slide.is-active { visibility:visible; pointer-events:auto; }
body.q-home-ready #q-home .q-carousel .q-hero-title { color:#fff; font-size:clamp(38px,3.6vw,72px); line-height:1.05; letter-spacing:-.025em; font-weight:650; margin:0 0 32px; overflow-wrap:anywhere; }
.q-native .q-carousel .q-hero-image picture { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
body.q-home-ready #q-home .q-carousel .q-hero-image img { object-fit:contain; width:100%; height:100%; max-width:100%; }
body.q-home-ready #q-home .q-carousel-toolbar { max-width:1880px; display:flex; gap:24px; align-items:center; justify-content:space-between; padding:16px 0; }
.q-native .q-carousel-selectors { display:flex; flex:1; min-width:0; flex-wrap:wrap; gap:4px 24px; }
.q-native .q-carousel button { font:500 16px/1.35 'Source Sans 3',sans-serif; cursor:pointer; color:#405664; background:transparent; border:0; min-height:44px; }
.q-native .q-carousel-selectors button { display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:2px solid transparent; text-align:left; }
.q-native .q-carousel-selectors button[aria-pressed="true"] { color:#175f87; border-bottom-color:#175f87; }
.q-native .q-carousel-selectors button:hover { color:#175f87; }
.q-native .q-carousel-actions { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.q-native .q-carousel-actions button { min-width:44px; border:1px solid #bbccd6; border-radius:2px; padding:8px; }
.q-native .q-carousel-actions button:hover { background:#dce7ed; }
.q-native .q-carousel-actions [data-q-play] { min-width:64px; }
.q-native .q-carousel-count { color:#405664; font-size:15px; padding-right:8px; font-variant-numeric:tabular-nums; }
@media(max-width:1100px) { .q-native .q-carousel-name { display:none; } .q-native .q-carousel-selectors button { min-width:36px; justify-content:center; } }
@media(max-width:767px) {
 body.q-home-ready #q-home .q-carousel .q-hero-title { font-size:clamp(32px,8vw,44px); margin-bottom:20px; }
 body.q-home-ready #q-home .q-carousel-toolbar { width:calc(100% - 36px); padding:12px 0; gap:12px; flex-wrap:wrap; }
 .q-native .q-carousel-selectors { gap:6px; }
 .q-native .q-carousel-count { display:none; }
 .q-native .q-carousel-actions { gap:4px; }
}
@media(prefers-reduced-motion:reduce) { .q-native .q-carousel-slide { transition:none; } }
