/* Раздел стилей: 06-catalog.css */
.service-side { gap:12px; }
.service-side a.service-action { border:1px solid rgba(248,166,78,.65); color:#ffcb8f; background:rgba(248,166,78,.07); min-height:36px; min-width:137px; display:inline-flex; justify-content:center; align-items:center; padding:7px 12px; border-radius:3px; font-weight:800; font-size:11px; text-align:center; white-space:nowrap; transition:background .16s ease, border-color .16s ease; }
.service-side a.service-action:hover { background:rgba(248,166,78,.19); border-color:#f8a64e; text-decoration:none; }
.catalog-cta { margin-top:34px; padding:22px 25px; background:#1a3042; border:1px solid rgba(255,255,255,.2); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.catalog-cta strong { font-size:19px; }
.catalog-cta p { font-size:12px; color:#c8d8e4; margin:4px 0 0; line-height:1.6; max-width:660px; }
.button-catalog { background:var(--orange); color:#18212b; border-radius:3px; flex:none; }
.button-catalog:hover { background:#ffbd70; }
.catalog-page { background:#101b26; color:#f5f8fb; }
.catalog-page .catalog-hero { padding:73px 0 48px; background:radial-gradient(circle at 88% 8%,#2a4559 0%,transparent 36%),linear-gradient(125deg,#132638,#101c27); border-bottom:1px solid #354654; }
.catalog-page .catalog-hero h1 { font:600 clamp(48px,5.8vw,74px)/1.03 var(--display); text-transform:uppercase; margin:0 0 20px; }
.catalog-page .catalog-hero h1 span { color:#f9ac60; }
.catalog-page .catalog-hero p { max-width:655px; font-size:15px; color:#cbd8e3; }
.catalog-page .catalog-section { padding:43px 0 75px; }
.catalog-page .catalog-tools { display:flex; align-items:center; flex-wrap:wrap; gap:14px; justify-content:space-between; margin:0 0 28px; }
.catalog-page .catalog-search { display:block; padding:14px 16px; width:min(330px,100%); background:#213347; color:white; border:1px solid #466073; border-radius:4px; outline-offset:3px; }
.catalog-page .catalog-search::placeholder { color:#d2dbe4; }
.catalog-page .catalog-filters { display:flex; gap:7px; flex-wrap:wrap; }
.catalog-page .catalog-filter { color:#dbe5ed; padding:10px 14px; background:#1b2d3c; border:1px solid #415566; border-radius:4px; font-size:12px; font-weight:750; }
.catalog-page .catalog-filter[aria-pressed="true"] { background:var(--orange); color:#142432; border-color:var(--orange); }
.catalog-page .catalog-count { font-size:12px; color:#b4c5d2; margin:0 0 20px; }
.catalog-page .catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.catalog-page .catalog-item { padding:21px; background:#1b2e40; border:1px solid #3b5264; border-radius:5px; display:flex; flex-direction:column; align-items:stretch; gap:9px; min-height:230px; }
.catalog-page .catalog-category { color:#ffb369; letter-spacing:.12em; font-size:10px; font-weight:800; text-transform:uppercase; }
.catalog-page .catalog-item h2 { font:800 18px/1.35 var(--font); margin:0; }
.catalog-page .catalog-item p { font-size:12px; color:#c9d6e1; margin:0; flex:1; }
.catalog-page .catalog-bottom { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; }
.catalog-page .catalog-bottom strong { font:600 19px var(--display); }
.catalog-page .catalog-bottom a { border:1px solid var(--orange); background:#f8a64e; color:#142432; padding:9px 11px; font-size:11px; font-weight:800; border-radius:3px; white-space:nowrap; }
.catalog-page .catalog-bottom a:hover { background:#ffd099; }
.catalog-page .catalog-empty { padding:30px; text-align:center; border:1px dashed #566d80; color:#d1dfeb; }
.catalog-page .catalog-disclaimer { margin-top:24px; color:#adc2d2; font-size:12px; line-height:1.6; }
.catalog-page .catalog-back { display:inline-block; margin-top:15px; color:#ffd099; font-weight:800; }
@media(max-width:1050px) { .catalog-page .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-side a.service-action { min-width:123px; } }
@media(max-width:850px) { .hero-grid { display:block; min-height:500px; } .hero-content { max-width:580px; width:76%; } .hero-photo-wrap { inset:0; } .hero-photo-wrap::after { background:linear-gradient(90deg,#0d1b28 0%,rgba(13,27,40,.88) 35%,rgba(13,27,40,.25) 100%),linear-gradient(0deg,rgba(13,27,40,.60),transparent 40%); } .catalog-cta { flex-direction:column; align-items:flex-start; } }
@media(max-width:640px) { .hero { min-height:560px; } .hero-photo-wrap { inset:0; opacity:1; } .hero-photo { object-position:67% center; } .hero-photo-wrap::after { background:linear-gradient(90deg,rgba(12,26,38,.95),rgba(12,26,38,.77) 65%,rgba(12,26,38,.42)),linear-gradient(0deg,rgba(12,26,38,.68),transparent 70%); } .hero-content { width:100%; padding:43px 0 31px; } .hero h1 { font-size:clamp(44px,10.8vw,62px); } .hero-lead { max-width:340px; } .demo-note { gap:7px; } .demo-note-main { flex:auto; } .demo-actions { gap:12px; } .catalog-page .catalog-hero { padding:51px 0 38px; } .catalog-page .catalog-grid { grid-template-columns:1fr; } .catalog-page .catalog-tools { flex-direction:column; align-items:stretch; } .catalog-page .catalog-search { width:100%; } .catalog-page .catalog-filter { font-size:11px; padding:9px 10px; } .catalog-cta { padding:18px; } .services .service-side a.service-action { min-width:120px; } }