.filter-bar{border-bottom:var(--border);background:var(--white);position:sticky;top:64px;z-index:50}.filter-bar-inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column}.filter-group{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.filter-group+.filter-group{border-top:2px solid var(--black)}.filter-group::-webkit-scrollbar{display:none}.filter-group-label{flex:none;display:flex;align-items:center;padding:14px 16px;border-right:2px solid var(--black);background:var(--black);color:var(--yellow);font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.filter-btn{white-space:nowrap;border:none;border-right:2px solid var(--black);padding:14px 22px;background:transparent;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .12s,color .12s;color:var(--black)}.filter-btn:last-child{border-right:none}.filter-btn:hover{background:var(--yellow)}.filter-btn.active{background:var(--black);color:var(--yellow)}@media(max-width:640px){.filter-bar{top:64px}}.goal-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:var(--border)}.goal-tabs::-webkit-scrollbar{display:none}.goal-btn{white-space:nowrap;border:none;border-right:2px solid var(--black);padding:14px 24px;background:transparent;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--black);transition:background .12s,color .12s}.goal-btn:hover{background:var(--yellow)}.goal-btn.active{background:var(--black);color:var(--yellow)}.goal-section{display:none}.goal-section.active{display:block;animation:fadeIn .2s ease-out}.goal-filter-row{display:flex;flex-wrap:wrap;gap:0;border:var(--border);box-shadow:var(--shadow);margin-bottom:32px;overflow-x:auto;scrollbar-width:none}.goal-filter-row::-webkit-scrollbar{display:none}.ranked-card{display:grid;grid-template-columns:auto 124px 1fr auto;gap:24px;align-items:center;border:var(--border);box-shadow:var(--shadow);background:var(--white);padding:24px 28px;margin-bottom:20px;text-decoration:none;color:var(--black);transition:transform .12s ease,box-shadow .12s ease}.ranked-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.ranked-card-visual{width:124px;aspect-ratio:16 / 9;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);overflow:hidden;background:var(--paper);position:relative}.ranked-card-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--red) 0 16%,transparent 16%),linear-gradient(180deg,transparent 0 76%,rgba(13,13,13,.64) 76%);mix-blend-mode:multiply;opacity:.58}.ranked-card-visual picture,.ranked-card-visual img{display:block;width:100%;height:100%}.ranked-card-visual img{object-fit:cover;filter:saturate(1.05) contrast(1.04);transition:transform .25s ease,filter .25s ease}.ranked-card:hover .ranked-card-visual img{transform:scale(1.05);filter:saturate(1.15) contrast(1.08)}.rank-number{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:var(--yellow);-webkit-text-stroke:2px var(--black);line-height:1;display:block}.ranked-card-body h3{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;margin-bottom:2px}.ranked-card-body p{color:#444;font-size:.95rem;line-height:1.6;margin:8px 0 12px}.ranked-card-dose{font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;background:var(--black);color:var(--yellow);padding:8px 14px;white-space:nowrap;align-self:start}@media(max-width:760px){.ranked-card{grid-template-columns:auto 96px;gap:16px;align-items:start}.ranked-card-visual{width:96px}.ranked-card-body,.ranked-card-dose{grid-column:1 / -1}}.stack-card-visual{margin:-6px 0 18px}.stack-card-visual picture{display:block;aspect-ratio:16 / 9;border:3px solid var(--black);overflow:hidden;background:var(--paper);box-shadow:5px 5px 0 var(--black)}.stack-card-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.05)}@media(max-width:640px){.ranked-card{gap:14px;padding:20px}}.glossary-table td{white-space:normal}.glossary-table td:first-child{width:28%;white-space:nowrap}.glossary-table td:first-child strong{white-space:normal}@media(max-width:900px){.glossary-table td:first-child{width:34%;white-space:normal}}@media(max-width:640px){.glossary-table{display:block;overflow:visible;white-space:normal;border:none;box-shadow:none;background:transparent;font-size:.9rem}.glossary-table thead{display:none}.glossary-table tbody,.glossary-table tr,.glossary-table td{display:block;width:auto;min-width:0;max-width:100%}.glossary-table tr{border:var(--border);box-shadow:4px 4px 0 var(--black);background:var(--white);margin-bottom:16px;padding:14px 16px}.glossary-table tr:hover td{background:transparent}.glossary-table td{padding:0;border:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.glossary-table td:first-child{width:auto;margin-bottom:6px;padding-bottom:6px;border-bottom:2px solid rgba(13,13,13,.12)}.glossary-table td:first-child strong{font-family:Space Grotesk,sans-serif;font-size:1rem;color:var(--black)}}.catalog-search{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:12px;align-items:center;padding:18px 22px;border-bottom:2px solid var(--black);background:var(--white)}.catalog-search label{font-size:.9rem;font-weight:700}.catalog-search input{width:100%;min-width:0;min-height:48px;border:2px solid var(--black);background:#fff;padding:10px 14px}.catalog-search button{border:2px solid var(--black);background:var(--white);padding:10px 16px;cursor:pointer;font-size:.85rem}.catalog-status{margin-bottom:24px;font-size:.9rem;color:#505050}.catalog-empty{padding:32px;border:var(--border);background:var(--white)}.catalog-empty h2{font-size:1.8rem;margin-bottom:16px}.catalog-empty p{margin-bottom:20px}.filter-btn{font-size:.8rem}.filter-btn[aria-pressed=true]{background:var(--yellow);color:var(--black)}@media(max-width:640px){.catalog-search{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:10px}.catalog-search label{grid-column:1 / -1}.catalog-search button{font-size:.75rem;padding:8px}.filter-group{padding-inline:12px}.filter-group-label{min-width:60px}}html[lang=ar] .filter-group{direction:rtl}@media(max-width:1400px){.filter-bar{top:var(--site-header-height, 104px)}}