:root{--navy:#031322;--blue:#087bb7;--cyan:#1ab7e6;--orange:#ff7900;--paper:#f4f7fa;--ink:#071726}.catalog-page{background:var(--paper);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.catalog-hero{padding:calc(96px + env(safe-area-inset-top)) max(24px,calc((100% - 1160px)/2)) 46px;background:linear-gradient(125deg,rgba(2,12,23,.98),rgba(5,35,58,.94)),radial-gradient(circle at 80% 10%,rgba(255,120,0,.35),transparent 35%);color:#fff;border-bottom:2px solid var(--cyan)}.catalog-eyebrow{margin:0 0 10px;color:#7ed9f4;font-size:.76rem;font-weight:800;letter-spacing:.12em}.catalog-hero h1{margin:0;font-size:clamp(2.3rem,8vw,4rem);line-height:1}.catalog-hero>p:not(.catalog-eyebrow){max-width:600px;margin:16px 0 22px;color:#d7e8f0;line-height:1.7}.catalog-hero a{display:inline-flex;gap:10px;align-items:center;color:#fff;font-weight:800;text-decoration:none}.catalog-hero a span{color:var(--orange);font-size:1.6rem}.catalog-main{max-width:1160px;margin:0 auto;padding:32px 16px 64px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.catalog-heading p{margin:0;color:#087bb7;font-weight:800;font-size:.8rem}.catalog-heading h2{margin:5px 0 0;font-size:clamp(1.75rem,6vw,2.6rem)}.catalog-heading>span{font-weight:800;color:#506274}.catalog-controls{display:grid;grid-template-columns:1fr 112px;gap:10px;margin:22px 0 10px}.catalog-search{display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;border:1px solid #cad7e1;border-radius:10px;min-height:48px}.catalog-search svg{width:20px;fill:none;stroke:#456;stroke-width:2}.catalog-search input{width:100%;border:0;outline:0;font:inherit}.catalog-select{display:grid;gap:3px;font-size:.7rem;color:#506274;font-weight:700}.catalog-select select{min-height:34px;padding:0 7px;border:1px solid #cad7e1;border-radius:8px;background:#fff;font:inherit}.catalog-note{margin:0 0 22px;color:#687684;font-size:.78rem;line-height:1.55}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{overflow:hidden;background:#fff;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 7px 18px rgba(4,23,40,.06)}.catalog-visual{position:relative;min-height:130px;padding:11px;background:linear-gradient(145deg,#061d35,#0b3958);color:#fff}.catalog-visual svg{display:block;width:100%;height:87px;fill:#152b3f;stroke:#e8f8ff;stroke-width:3}.catalog-visual small{display:block;color:#b8d9e8;font-size:.58rem}.catalog-visual>b{position:absolute;right:10px;bottom:10px;letter-spacing:.08em;font-size:.64rem}.catalog-rank{position:absolute;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(140deg,#ffd659,#ff8100);color:#1e1e1e;font-weight:900}.catalog-favorite{position:absolute;z-index:1;right:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:rgba(2,12,23,.58);color:#fff}.catalog-favorite svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-favorite.is-saved{color:#ffbd24}.catalog-body{padding:12px 10px}.catalog-status{margin:0;color:#0d87bf;font-size:.63rem;font-weight:800}.catalog-body h3{margin:5px 0 3px;font-size:.9rem;line-height:1.35}.catalog-model{margin:0;color:#607181;font-size:.72rem}.catalog-specs{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}.catalog-specs span{padding:3px 5px;background:#edf4f8;border-radius:4px;color:#25465c;font-size:.61rem;font-weight:700}.catalog-body ul{min-height:35px;margin:0 0 10px;padding:0;list-style:none;color:#445361;font-size:.66rem;line-height:1.5}.catalog-body li::before{content:'• ';color:#ff7900}.catalog-actions{display:grid;gap:6px}.catalog-actions>*{display:flex;align-items:center;justify-content:center;min-height:35px;border-radius:6px;color:#fff;font-size:.72rem;font-weight:800;text-decoration:none}.catalog-detail{background:linear-gradient(100deg,#e7162c,#ff3d21)}.catalog-detail i{margin-left:7px;font-size:1.1rem;font-style:normal}.catalog-actions button{border:0;background:linear-gradient(100deg,#ff4e00,#ff9b00)}.catalog-actions button:disabled{opacity:.8}.catalog-actions small{margin-left:4px;font-size:.56rem}.load-more{display:block;width:min(360px,100%);margin:22px auto 0;min-height:48px;border:1px solid #046ea6;border-radius:8px;background:#fff;color:#075d89;font-weight:800}.empty-state{padding:32px 0;text-align:center;color:#637284}.catalog-page footer{margin-top:0}@media (min-width:760px){.catalog-main{padding:48px 28px 72px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-visual{min-height:175px}.catalog-visual svg{height:122px}.catalog-body{padding:16px}.catalog-body h3{font-size:1.08rem}.catalog-actions>*{min-height:42px}}
.catalog-detail{background:linear-gradient(100deg,#087bb7,#18aee1)}.catalog-rakuten{background:#bf0000!important}