.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0}.pagination button{border:1px solid var(--line);background:white;border-radius:7px;padding:8px 13px;font-size:10px}.pagination button:disabled{opacity:.35}.pagination span{font-size:10px;color:var(--muted)}.guide{padding-top:75px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.articles article{min-height:210px;padding:27px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f7f6f2)}.articles article>span{color:var(--accent);font-size:9px;font-weight:700}.articles h3{font-size:17px;line-height:1.4;margin:12px 0}.articles p{font-size:10px;color:var(--muted);line-height:1.7}.articles button{border:0;background:none;padding:0;font-weight:700;font-size:10px}.toast{position:fixed;right:20px;bottom:20px;z-index:80;padding:11px 16px;border-radius:9px;background:var(--ink);color:white;font-size:11px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.catalog-image{background:#f5f5f3!important;display:grid;place-items:center}.catalog-image img{width:100%;height:100%;object-fit:contain;padding:12px}.loading{grid-column:1/-1;padding:70px;text-align:center;color:var(--muted)}.builder,.article-view,.favorites{padding:55px}.builder h2,.article-view h2{font:800 28px Manrope,'IBM Plex Sans Thai'}.builder-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.builder-options button{padding:18px;border:1px solid var(--line);border-radius:9px;background:white}.builder-options button.selected{border-color:var(--accent);color:var(--accent);background:#fff6f3}.budget{width:100%;accent-color:var(--accent)}.build-result{margin-top:20px;padding:20px;border-radius:10px;background:#f7f6f2}.build-result div{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid var(--line);font-size:11px}.article-view{max-width:760px}.article-view p,.article-view li{font-size:13px;line-height:1.9;color:#5f6978}.favorite-row{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.favorite-row img{width:55px;height:55px;object-fit:contain}.favorite-row b{font-size:11px}.favorite-row button{border:0;background:none;color:var(--accent)}@media(max-width:900px){nav.open{display:flex;position:absolute;left:0;right:0;top:65px;background:white;padding:18px;flex-direction:column;margin:0;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #1112}}@media(max-width:560px){.articles{grid-template-columns:1fr}.builder,.article-view,.favorites{padding:38px 20px}.builder-options{grid-template-columns:1fr}}