:root{--ink:#0c2b28;--muted:#54716b;--line:#c7e4da;--brand:#0ba678;--dark:#0b5049;--bg:#edf8f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 84% 5%,#e4f5ff 0,transparent 28%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}.accentbar{height:5px;background:linear-gradient(90deg,#22c55e 0 33%,#f59e0b 33% 66%,#f97316 66%)}a{color:inherit;text-decoration:none}.catalog-nav{display:flex;align-items:center;gap:28px;min-height:66px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(237,248,243,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.catalog-brand{display:flex;align-items:center;gap:10px;font:800 19px Unbounded,sans-serif}.catalog-brand i{position:relative;width:27px;height:27px;border-radius:50%;background:#0b5049;overflow:hidden}.catalog-brand i:after{position:absolute;inset:0;background:conic-gradient(transparent 0 300deg,#34d399);content:'';animation:spin 4s linear infinite}.catalog-nav nav{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--muted);font-size:14px;font-weight:650}.catalog-login{border-radius:10px;background:var(--brand);color:#fff;padding:8px 15px}main{max-width:1180px;margin:auto;padding:48px 22px 70px}.catalog-hero{max-width:850px}.catalog-back{display:inline-block;margin-bottom:23px;color:#247468;font-size:13px;font-weight:750}.catalog-kicker{display:inline-flex;border-radius:999px;background:#d2f1e4;color:#08775c;padding:6px 11px;font-size:11px;font-weight:900;letter-spacing:.08em}.catalog-hero h1{max-width:820px;margin:15px 0 12px;font:800 clamp(32px,5vw,56px)/1.06 Unbounded,sans-serif;letter-spacing:-.035em}.catalog-hero>p{max-width:780px;margin:0;color:var(--muted);font-size:17px}.catalog-explainer{display:grid;grid-template-columns:auto 1fr;gap:15px;margin-top:24px;border:1px solid #edcf91;border-radius:15px;background:#fff9e9;padding:14px 16px;color:#705c32;font-size:12px}.catalog-explainer b{color:#845b0b}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:31px}.catalog-card{--accent:#0ba678;position:relative;min-height:278px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.92);padding:18px;box-shadow:0 20px 40px -35px rgba(3,64,54,.8);outline:0;transition:transform .22s,box-shadow .22s,border-color .22s}.catalog-card:before{position:absolute;left:0;right:0;top:0;height:5px;background:var(--accent);content:''}.catalog-card:hover,.catalog-card:focus,.catalog-card:focus-within{z-index:2;border-color:color-mix(in srgb,var(--accent),#fff 45%);transform:translateY(-5px);box-shadow:0 25px 45px -30px color-mix(in srgb,var(--accent),#173d37 45%)}.catalog-card header{display:flex;justify-content:space-between;gap:10px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.07em}.catalog-card header em{border-radius:999px;background:color-mix(in srgb,var(--accent),#fff 86%);padding:3px 7px;font-style:normal;letter-spacing:0}.catalog-card h2{margin:14px 0 7px;font:750 20px/1.18 Unbounded,sans-serif;letter-spacing:-.02em}.catalog-card>p{min-height:62px;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.catalog-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.catalog-counts b{display:grid;gap:1px;border-radius:9px;background:#f1f8f5;padding:7px 4px;color:var(--accent);font-size:13px;text-align:center}.catalog-counts small{color:#668079;font-size:7.5px;font-weight:750}.catalog-reveal{max-height:0;margin:0 -18px -18px;overflow:hidden;background:var(--dark);color:#fff;padding:0 18px;opacity:0;transform:translateY(12px);transition:max-height .28s ease,opacity .22s,transform .28s,padding .28s}.catalog-card:hover .catalog-reveal,.catalog-card:focus .catalog-reveal,.catalog-card:focus-within .catalog-reveal{max-height:150px;padding:13px 18px 15px;opacity:1;transform:none}.catalog-reveal strong,.catalog-reveal span,.catalog-reveal small{display:block}.catalog-reveal strong{color:#a7f3d0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.catalog-reveal span{margin-top:5px;font-size:11px;line-height:1.45}.catalog-reveal small{margin-top:5px;color:#bcd6d0;font-size:8px}.catalog-card.blue{--accent:#3283d8}.catalog-card.coral{--accent:#ed6d5b}.catalog-card.violet{--accent:#885bd4}.catalog-card.amber{--accent:#d88b11}.catalog-card.rose{--accent:#d75b88}.catalog-card.cyan{--accent:#168ca5}.catalog-card.lime{--accent:#6d9e24}.catalog-card.gold{--accent:#b99114}.catalog-card.brick{--accent:#b75a3d}.catalog-card.sky{--accent:#3c83b9}.catalog-card.plum{--accent:#9b4f87}.catalog-next{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px;border-radius:22px;background:#0b5049;color:#fff;padding:27px}.catalog-next span{color:#7ee5c1;font-size:10px;font-weight:900;letter-spacing:.08em}.catalog-next h2{margin:6px 0;font:700 24px/1.2 Unbounded,sans-serif}.catalog-next p{max-width:680px;margin:0;color:#c3ddd7;font-size:13px}.catalog-next>a{flex:0 0 auto;border-radius:12px;background:#28c592;padding:12px 16px;font-weight:850}footer{display:flex;justify-content:center;gap:24px;border-top:1px solid var(--line);padding:25px;color:#617a74;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:930px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-nav nav>a:not(.catalog-login){display:none}main{padding-top:30px}.catalog-hero h1{font-size:34px}.catalog-explainer{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.catalog-next{align-items:flex-start;flex-direction:column}.catalog-next>a{width:100%;text-align:center}footer{align-items:center;flex-direction:column;gap:7px}.catalog-card{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog-brand i:after{animation:none}.catalog-card,.catalog-reveal{transition:none}}

/* Compact clickable catalogue: four expressive cards per row, sources open on click. */
main{padding-top:30px}.catalog-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:8px 28px;max-width:none;align-items:start}.catalog-back,.catalog-kicker,.catalog-hero h1,.catalog-hero>p{grid-column:1}.catalog-back{margin-bottom:7px}.catalog-hero h1{font-size:clamp(29px,3.8vw,44px);margin:9px 0 7px}.catalog-hero>p{font-size:15px}.catalog-explainer{grid-column:2;grid-row:1/5;grid-template-columns:1fr;gap:6px;margin:0;align-self:end}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;align-items:start}.catalog-card{min-height:0;border-radius:14px;padding:13px 13px 11px;cursor:pointer;box-shadow:0 15px 28px -27px rgba(3,64,54,.8);transform:none}.catalog-card:after{position:absolute;right:13px;bottom:10px;color:var(--accent);font-size:10px;font-weight:900;content:'Состав  +';pointer-events:none}.catalog-card.is-open:after{content:'Закрыть  ×';color:#fff}.catalog-card:hover,.catalog-card:focus,.catalog-card:focus-within{transform:translateY(-2px)}.catalog-card h2{margin:9px 0 5px;padding-right:62px;font-size:15px;line-height:1.22}.catalog-card>p{display:-webkit-box;min-height:34px;margin:0;overflow:hidden;font-size:10.5px;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.catalog-card header{font-size:8.5px}.catalog-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 63px 0 0}.catalog-counts b{padding:5px 2px;font-size:11px;line-height:1.1}.catalog-counts b:nth-child(1){background:#e3f3f8;color:#2585a5}.catalog-counts b:nth-child(2){background:#fff0e4;color:#d76a18}.catalog-counts small{font-size:6.5px}.catalog-card:not(.is-open) .catalog-reveal{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;transform:translateY(9px)!important}.catalog-card.is-open{z-index:3;border-color:var(--accent);background:linear-gradient(145deg,#fff,#f5fbf8);box-shadow:0 20px 38px -24px color-mix(in srgb,var(--accent),#163b36 45%)}.catalog-card.is-open .catalog-reveal{max-height:220px!important;margin-top:10px;padding:11px 13px 12px!important;opacity:1!important;transform:none!important}.catalog-reveal{margin-right:-13px;margin-bottom:-11px;margin-left:-13px;border-radius:0 0 13px 13px}.catalog-reveal strong{font-size:9px}.catalog-reveal>small{display:none}.catalog-sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.catalog-sources span{margin:0;border:1px solid rgba(174,240,220,.28);border-radius:999px;background:rgba(255,255,255,.09);padding:4px 6px;color:#fff;font-size:8.5px;font-weight:700;line-height:1.2;animation:catalogSourceIn .24s both}.catalog-sources span:nth-child(2){animation-delay:.04s}.catalog-sources span:nth-child(3){animation-delay:.08s}.catalog-sources span:nth-child(4){animation-delay:.12s}.catalog-sources span:nth-child(5){animation-delay:.16s}.catalog-sources span:nth-child(6){animation-delay:.2s}.catalog-next{margin-top:17px;padding:20px 22px}.catalog-next h2{font-size:20px}@keyframes catalogSourceIn{from{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1060px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.catalog-hero{grid-template-columns:1fr}.catalog-back,.catalog-kicker,.catalog-hero h1,.catalog-hero>p,.catalog-explainer{grid-column:1}.catalog-explainer{grid-row:auto;margin-top:10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.catalog-grid{grid-template-columns:1fr}.catalog-card h2{font-size:16px}.catalog-card>p{font-size:11px}}