/* Wyłącznie katalog zastosowań. Pozostałe strony zachowują swój wygląd. */
.use-catalog .breadcrumbs{padding-top:20px}
.catalog-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin:23px 0 26px;padding:26px 34px;background:#193e35;color:#faf9f5;border-radius:12px;position:relative;overflow:hidden}
.catalog-hero .eyebrow{color:#c5d2b8;font-size:9px;letter-spacing:1.8px}
.catalog-hero .dot{background:#e4af86}
.catalog-hero h1{font-size:38px;line-height:1.15;letter-spacing:-1.5px;font-weight:550;margin:16px 0}
.catalog-hero h1 span{color:#cfddb9}
.catalog-hero-copy>p{font-size:13px;line-height:1.8;color:#d1dbd2}
.catalog-hero-aside{padding:10px 12px 10px 36px;border-left:1px solid #547166;align-self:center}
.catalog-stats{display:flex;gap:40px}
.catalog-stats>div{display:flex;flex-direction:column;gap:6px}
.catalog-stats strong{font:500 48px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-2px;color:#e8ecd8}
.catalog-stats span{font-size:11px;color:#d1dbd2}
.catalog-hero-aside>p{margin-top:16px;font-size:11px;line-height:1.8;color:#b6c9bd}
.catalog-browser{margin:0 0 35px}
.catalog-controls{padding:0 0 18px;border-bottom:1px solid var(--line)}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:17px}
.catalog-tools .eyebrow{font-size:9px;color:#74826f}
.catalog-tools>div>p{font:550 21px/1.4 'Manrope',Arial,sans-serif;letter-spacing:-.5px;margin-top:5px}
.catalog-search{min-width:350px;gap:12px;padding:13px 16px;background:#fff;border:1px solid #d4dccf;border-radius:8px;align-self:auto}
.catalog-search svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#5e7565;stroke-width:1.5;stroke-linecap:round}
.catalog-search input{width:100%;min-width:0;font-size:13px;line-height:1.5}
.catalog-search:focus-within{border-color:#79917a;box-shadow:0 0 0 2px #dfe8d8}
.catalog-browser .filters{gap:7px}
.catalog-browser .filters button{padding:9px 16px;border:1px solid #d9dfd2;border-radius:24px;font-size:12px;line-height:1.5;background:#fff;color:#526452;transition:background .15s,border-color .15s}
.catalog-browser .filters button:hover{background:#eaf0e3;border-color:#9db193}
.catalog-browser .filters button.active{background:var(--ink);border-color:var(--ink);color:white}
.catalog-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:16px 0 6px}
.catalog-browser .catalog-context{font-size:11px;line-height:1.8;max-width:800px;margin:0;color:#6b7868}
.catalog-context a{text-decoration:underline;text-underline-offset:3px;color:#3f624b;white-space:nowrap}
.catalog-count{font-size:11px;color:#73816e;white-space:nowrap}
.catalog-hint{margin:12px 0;padding:12px 16px;border-left:3px solid #8b9f7a;background:#edf0e5;color:var(--ink);font-size:14px;line-height:1.5}
.catalog-browser .peptide-use-table{border-collapse:separate;border-spacing:0 10px;border:0;background:transparent;font-size:14px;line-height:1.9}
.catalog-browser .peptide-use-table thead{background:transparent}
.catalog-browser .peptide-use-table thead th{padding:5px 25px 0;border:0;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#7b8875;font-weight:500}
.catalog-browser .peptide-use-table th:first-child{width:43%}
.catalog-browser .peptide-use-table tbody tr{background:transparent}
.catalog-browser .peptide-use-table tbody th,.catalog-browser .peptide-use-table td{padding:21px 25px;vertical-align:middle;border-block:1px solid #dde3d6;background:#fff;transition:background .15s,border-color .15s}
.catalog-browser .peptide-use-table tbody th{border-left:1px solid #dde3d6;border-radius:9px 0 0 9px;font-size:14px;font-weight:550;line-height:1.55}
.catalog-browser .peptide-use-table td{border-right:1px solid #dde3d6;border-radius:0 9px 9px 0;color:#9ba58f;font-size:15px;padding-left:25px}
.catalog-browser .peptide-use-table tbody tr:hover>*{background:#f5f8f0;border-color:#bacbb0}
.catalog-use{display:flex;align-items:center;gap:17px}
.catalog-use>span:last-child{max-width:280px}
.catalog-use-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:11px;background:#e9efdf;color:#5b7655}
.catalog-use-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tone-clay .catalog-use-icon{background:#f4e9de;color:#a87955}
.tone-lilac .catalog-use-icon{background:#ecebf3;color:#7b779b}
.catalog-browser .peptide-use-table a{color:#2e5743;font-weight:500;line-height:1.8;padding-block:3px;margin:1px 0;text-decoration:underline;text-decoration-color:#b6c6a7;text-underline-offset:5px;text-decoration-thickness:1px}
.catalog-browser .peptide-use-table a:hover{color:#9e603e;text-decoration-color:#b47b53}
.catalog-browser .catalog-notes{margin-top:15px;padding:22px 25px;background:#eef1e7;border:1px solid #dfe5d6;border-radius:9px;scroll-margin-top:24px}
.catalog-browser .catalog-notes summary{font-size:12px}
.catalog-browser .catalog-notes p{max-width:960px}
.catalog-empty{padding:45px 24px;margin:12px 0;border:1px dashed #b9c7ad;border-radius:9px;text-align:center;background:#f3f6ed}
.catalog-empty strong{font-size:19px;font-weight:500}.catalog-empty p{font-size:13px;color:var(--muted);margin-top:10px}
.catalog-next{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:40px 0 55px;padding:28px 0;border-block:1px solid var(--line)}
.catalog-next .eyebrow{font-size:9px;color:#7e8b74}
.catalog-next h2{font-size:26px;margin:10px 0;letter-spacing:-.8px}
.catalog-next p{font-size:13px;color:var(--muted);line-height:1.8}
.catalog-next .button{flex-shrink:0}
@media(max-width:1000px){.catalog-hero{padding:28px 30px;gap:25px}.catalog-hero h1{font-size:38px}.catalog-hero-aside{padding-left:25px;padding-right:0}.catalog-stats{gap:27px}.catalog-stats strong{font-size:42px}.catalog-browser .peptide-use-table tbody th,.catalog-browser .peptide-use-table td{padding:19px 20px}.catalog-use{gap:12px}.catalog-use-icon{width:38px;height:38px;flex-basis:38px}.catalog-search{min-width:310px}}
@media(max-width:740px){
 .catalog-hero{grid-template-columns:1fr;gap:22px;padding:27px 24px;margin-top:18px;margin-bottom:25px;border-radius:10px}
 .catalog-hero h1{font-size:36px;letter-spacing:-1.4px}.catalog-hero h1 span{display:block}.catalog-hero-copy>p{font-size:13px}
 .catalog-hero-aside{display:flex;align-items:center;gap:22px;border-left:0;border-top:1px solid #547166;padding:20px 0 0}
 .catalog-stats{gap:26px}.catalog-stats strong{font-size:30px;letter-spacing:-1px}.catalog-stats span{font-size:10px}.catalog-hero-aside>p{margin:0;font-size:10px}
 .catalog-tools{align-items:stretch;flex-direction:column;gap:15px}.catalog-tools>div>p{font-size:20px}.catalog-search{width:100%;min-width:0;padding:12px 14px}
 .catalog-browser .filters{gap:6px}.catalog-browser .filters button{font-size:11px;padding:8px 13px}
 .catalog-caption{align-items:start;flex-direction:column;gap:8px;margin-bottom:14px}.catalog-browser .catalog-context{font-size:11px}.catalog-count{font-size:10px}
 .catalog-browser .peptide-use-table{display:block;border-spacing:0}.catalog-browser .peptide-use-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .catalog-browser .peptide-use-table tbody{display:block}.catalog-browser .peptide-use-table tbody tr{display:block;margin-bottom:12px;padding:18px;background:#fff;border:1px solid #dde3d6;border-radius:9px}
 .catalog-browser .peptide-use-table tbody th,.catalog-browser .peptide-use-table td{display:block;width:100%;border:0;border-radius:0;padding:0;background:transparent;font-size:14px}
 .catalog-browser .peptide-use-table th:first-child{width:100%}.catalog-use{gap:13px}.catalog-use>span:last-child{max-width:none}.catalog-use-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}
 .catalog-browser .peptide-use-table td{padding:10px 0 0 51px;line-height:1.9}.catalog-browser .peptide-use-table a{padding-block:4px;margin:0}
 .catalog-browser .peptide-use-table tbody tr:hover{background:#f5f8f0;border-color:#bacbb0}.catalog-browser .peptide-use-table tbody tr:hover>*{background:transparent}
 .catalog-browser .catalog-notes{padding:18px;margin-top:20px}.catalog-browser .catalog-notes summary{font-size:12px}
 .catalog-next{align-items:start;flex-direction:column;gap:20px;margin-top:32px}.catalog-next h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.catalog-browser .filters button,.catalog-browser .peptide-use-table tbody th,.catalog-browser .peptide-use-table td{transition:none}}