/* glossary */

.glossary-tools{position:sticky;z-index:10;top:5px;display:grid;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-surface-soft)}
.glossary-search{display:flex;align-items:center;gap:var(--space-2);min-height:50px;padding:0 var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-medium);background:var(--color-surface)}
.glossary-search:focus-within{border-color:var(--color-accent)}
.glossary-search>.material-symbols-rounded{color:var(--color-muted)}
.glossary-search input{min-width:0;flex:1;border:0;outline:0;background:transparent}
.glossary-search button{display:grid;flex:0 0 35px;height:35px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--color-surface-soft);color:var(--color-ink-soft)}
.glossary-alphabet{display:flex;flex-wrap:wrap;gap:5px}
.glossary-alphabet button{min-width:35px;height:35px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink-soft);font-weight:700}
.glossary-alphabet button:hover:not(:disabled),.glossary-alphabet button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}
.glossary-alphabet button:disabled{opacity:.3;cursor:default}
.glossary-result-count{margin:0;color:var(--color-muted);font-size:14px}
.glossary-result-count strong{color:var(--color-ink)}
.glossary-index .glossary-list{display:block;border-top:1px solid var(--color-line)}
.glossary-entry[hidden],.glossary-empty[hidden],.glossary-search button[hidden]{display:none!important}
.glossary-entry{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line)}
.glossary-entry__term strong{display:block;color:var(--color-accent);font-size:20px;overflow-wrap:anywhere}
.glossary-entry__term span{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:14px}
.glossary-entry__content h2{margin:0 0 var(--space-2);font-size:18px;line-height:1.35}
.glossary-entry__content p{max-width:90ch;margin:0;color:var(--color-ink-soft);line-height:1.7;white-space:pre-line}
.glossary-empty{padding:var(--space-5);border-radius:var(--radius-medium);background:var(--color-surface-soft);color:var(--color-muted);text-align:center}
.glossary-related{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-line)}
.glossary-related h2{margin-bottom:var(--space-4);font-size:24px}
.glossary-related__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.glossary-related__list a{min-width:0;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-medium)}
.glossary-related__list a:hover{border-color:var(--color-accent)}
.glossary-related__list strong,.glossary-related__list span{display:block;overflow-wrap:anywhere}
.glossary-related__list strong{color:var(--color-accent)}
.glossary-related__list span{margin-top:var(--space-1);color:var(--color-muted);font-size:14px}
.site-footer__inner{min-width:0}
.site-footer__inner>div{min-width:0;flex:1 1 360px}
.site-footer nav{min-width:0;flex:1 1 520px;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.site-footer nav a{max-width:100%;overflow-wrap:anywhere}
.site-footer__source,.site-footer__bottom{overflow-wrap:anywhere}
@media(max-width:800px){.glossary-tools{position:static}.glossary-entry{grid-template-columns:1fr;gap:var(--space-2)}.glossary-related__list{grid-template-columns:1fr}.site-footer nav{width:100%;justify-content:flex-start}}
@media(max-width:520px){.glossary-alphabet button{min-width:30px}}


/* options */

.option-search{max-width:750px;display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-medium);background:var(--color-surface)}
.option-search:focus-within{border-color:var(--color-accent)}
.option-search>.material-symbols-rounded{color:var(--color-muted)}
.option-search input{min-width:0;flex:1;padding:var(--space-2) 0;border:0;outline:0;background:transparent}
.option-search button{min-height:40px;padding-inline:var(--space-4);border:0;border-radius:var(--radius-small);background:var(--color-accent);color:#fff;font-weight:700}
.option-search__status{min-height:20px;margin-bottom:var(--space-4);color:var(--color-muted);font-size:13px}
.option-list{display:flex;flex-direction:column;gap:10px}
.option-card{min-height:0;display:flex;align-items:center;gap:var(--space-3);padding:10px 15px;border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-surface)}
.option-card:hover{border-color:var(--color-accent);background:var(--color-surface-soft)}
.option-card__media{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-small);background:var(--color-surface-soft);color:var(--color-muted)}
.option-card__media img{width:100%;height:100%;object-fit:cover}
.option-card__media .material-symbols-rounded{font-size:25px}
.option-card__copy{min-width:0;flex:1}
.option-card__copy strong,.option-card__copy small{display:block}
.option-card__copy strong{margin:5px 0;font-size:15px}
.option-card__copy p{display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--color-muted);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.option-card__copy small,.option-card__meta{color:var(--color-muted);font-size:12px}
.option-card__arrow{flex:0 0 auto}
.option-specification{max-width:900px;margin-bottom:var(--space-5)}
.option-relations{max-width:900px}
@media(max-width:600px){.option-search{align-items:stretch;flex-wrap:wrap;padding:var(--space-2)}.option-search input{width:calc(100% - 35px)}.option-search button{width:100%}.option-card{display:grid;grid-template-columns:50px minmax(0,1fr);padding:10px}.option-card__media{width:50px;height:50px;flex-basis:50px}.option-card__arrow{display:none}}


/* brands */

.brand-directory{display:grid;gap:20px}
.brand-directory__controls{display:flex;align-items:end;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--color-line)}
.brand-directory__search{min-height:45px;flex:1;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--color-line-strong);border-radius:var(--radius-medium);background:var(--color-surface)}
.brand-directory__search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.brand-directory__search>.material-symbols-rounded{flex:0 0 auto;color:var(--color-muted);font-size:20px}
.brand-directory__search input{min-width:0;flex:1;padding:10px 0;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit}
.brand-directory__search button{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-small);background:var(--color-surface-soft);color:var(--color-muted);cursor:pointer}
.brand-directory__search button:hover{color:var(--color-accent)}
.brand-directory__search button .material-symbols-rounded{font-size:18px}
.brand-directory__sort{flex:0 0 230px;display:grid;gap:5px}
.brand-directory__sort label{color:var(--color-muted);font-size:13px;font-weight:700}
.brand-directory__sort select{width:100%;min-height:45px;padding:10px 35px 10px 10px;border:1px solid var(--color-line-strong);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-ink);font:inherit}
.brand-alphabet{display:flex;flex-wrap:wrap;gap:5px}
.brand-alphabet button{min-width:30px;height:30px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink-soft);font-size:12px;font-weight:700;cursor:pointer}
.brand-alphabet button:hover:not(:disabled),.brand-alphabet button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}
.brand-alphabet button:disabled{opacity:.3;cursor:default}
.brand-directory__summary{display:flex;align-items:baseline;gap:5px;color:var(--color-muted);font-size:13px}
.brand-directory__summary strong{color:var(--color-ink);font-size:16px}
.brand-grid--directory{grid-template-columns:repeat(6,minmax(0,1fr))}
.brand-tile--directory{min-height:115px;padding:10px;background:var(--color-surface)}
.brand-tile--directory .brand-tile__logo{width:50px;height:50px;margin-bottom:5px}
.brand-tile--directory strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.brand-tile--directory[hidden],.brand-directory__empty[hidden],.brand-directory__search button[hidden]{display:none}
.brand-directory__empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:5px;padding:30px;border:1px dashed var(--color-line-strong);border-radius:var(--radius-medium);color:var(--color-muted);text-align:center}
.brand-directory__empty .material-symbols-rounded{margin-bottom:5px;font-size:40px}
.brand-directory__empty strong{color:var(--color-ink)}
.brand-directory__empty p{margin:0}
@media(max-width:1000px){.brand-grid--directory{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.brand-directory__controls{align-items:stretch;flex-direction:column}.brand-directory__sort{flex-basis:auto}.brand-grid--directory{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-alphabet{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.brand-alphabet button{flex:0 0 auto}}
@media(max-width:480px){.brand-grid--directory{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* catalog pages */

.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;padding:10px 0;border-bottom:1px solid var(--color-line)}
.catalog-toolbar h2,.catalog-toolbar strong{margin:0;color:var(--color-ink);font-size:18px}
.catalog-toolbar>div>span{display:block;margin-top:5px;color:var(--color-muted);font-size:13px}
.catalog-sort{display:flex;align-items:center;gap:10px}
.catalog-sort label{color:var(--color-muted);font-size:13px;font-weight:600}
.catalog-sort select{min-width:200px;min-height:40px;padding:10px 35px 10px 10px;border:1px solid var(--color-line-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:14px}
.editorial-page{max-width:1000px}
.editorial-page__header{max-width:800px;margin-bottom:30px}
.editorial-copy{max-width:800px;color:var(--color-ink-soft);font-size:16px;line-height:1.7}
.editorial-copy h2{margin:35px 0 10px;color:var(--color-ink);font-size:22px}
.editorial-copy p,.editorial-copy ul{margin:0 0 15px}
.editorial-copy ul{padding-left:20px}
.editorial-note{margin-top:30px;padding:20px;border-left:3px solid var(--color-accent);background:var(--color-surface-soft)}
.editorial-note strong{color:var(--color-ink)}
.editorial-note p{margin:5px 0 0}
@media(max-width:700px){.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-sort{justify-content:space-between}.catalog-sort select{flex:1;min-width:0}}


/* inpage seo */

.brand-directory-seo{max-width:900px;margin-top:50px;padding-top:30px;border-top:1px solid var(--color-line)}
.brand-directory-seo h2{margin:0 0 15px;font-size:30px}
.brand-directory-seo p{max-width:850px;margin:0 0 15px;color:var(--color-ink-soft);font-size:16px;line-height:1.7}
.brand-directory-seo__links{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}
.brand-directory-seo__links a{display:inline-flex;align-items:center;gap:5px;color:var(--color-accent);font-weight:700}
.brand-directory-seo__links a:hover{color:var(--color-accent-dark)}
.brand-directory-seo__links .material-symbols-rounded{font-size:20px}
@media(max-width:600px){.brand-directory-seo{margin-top:30px;padding-top:25px}.brand-directory-seo h2{font-size:25px}.brand-directory-seo__links{align-items:flex-start;flex-direction:column;gap:10px}}