.catalog-body {
    --text-muted: #9aa9bd;
    background: radial-gradient(ellipse at 10% 0%, #11303b55, transparent 45%), #080c14;
}
.catalog-body #particle-canvas { opacity: .12; }
.catalog-body .navbar { padding: 18px max(24px, calc((100vw - 1232px) / 2)); background: #090f19ed; }
.catalog-body .logo { font-size: 22px; }
.catalog-body .nav-links { display: flex; }
.catalog-body .nav-links a { font-size: 13px; color: #bac9dc; }
.catalog-body .price-container { max-width: 1280px; margin: 0 auto; padding: 120px 24px 48px; z-index: auto; }
.catalog-header { margin-bottom: 28px; }
.catalog-eyebrow { font: 11px/1.6 Consolas, monospace; color: #6bd9e0; letter-spacing: 3px; margin-bottom: 14px; }
.catalog-header h1 { color: #eef6ff; font-size: clamp(28px, 4vw, 42px); letter-spacing: 1px; line-height: 1.4; margin-bottom: 12px; }
.catalog-description { color: #9aa9bd; font-size: 14px; line-height: 1.9; }
.catalog-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 36px; padding-bottom: 22px; border-bottom: 1px solid #253146; }
.catalog-nav a { color: #aabbcf; text-decoration: none; font-size: 13px; padding: 9px 16px; border: 1px solid transparent; border-radius: 6px; background: #121c2a; transition: background .18s; }
.catalog-nav a:hover { background: #1c3040; color: #e6faff; }
.catalog-nav a[aria-current="page"] { color: #83e4e9; border-color: #325b67; background: #15313b; }
.catalog-nav a:focus-visible, .catalog-body button:focus-visible { outline: 2px solid #f384bb; outline-offset: 4px; }
.catalog-body .rental-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0 0 28px; align-items: stretch; }
.catalog-body .rental-card { padding: 27px; border: 1px solid #2c3b50; border-radius: 12px; background: #111a28f5; box-shadow: 0 16px 36px #00000024; backdrop-filter: none; min-width: 0; }
.catalog-body .rental-card.premium { border-color: #3e7882; background: linear-gradient(145deg, #17313d, #111a28 50%); }
.catalog-body .rental-card:hover, .catalog-body .rental-card.premium:hover { transform: translateY(-3px); border-color: #69cfd7; box-shadow: 0 15px 34px #00000038; }
.catalog-body .rental-card::before, .catalog-body .rental-card::after, .catalog-body .panel::before, .catalog-body .panel::after { display: none; }
.rental-label { color: #7fd2dc; font: 11px/1.7 Consolas, sans-serif; letter-spacing: 1px; margin-bottom: 18px; }
.catalog-body .card-title, .catalog-body .rental-card.premium .card-title { color: #e5eefb; font-family: inherit; font-size: 18px; line-height: 1.65; text-align: left; padding: 0; border: 0; min-height: 90px; margin: 0; overflow-wrap: anywhere; }
.catalog-body .card-price { text-align: left; font: 600 38px/1.3 Consolas, monospace; text-shadow: none; margin: 22px 0 25px; letter-spacing: -1px; color: #f1fbff; }
.catalog-body .card-price span { font-size: 12px; margin-left: 5px; color: #91a2b9; letter-spacing: 0; }
.catalog-body .card-features { padding-top: 14px; border-top: 1px dashed #344459; }
.catalog-body .card-features li { font-size: 13px; color: #b9c9dd; padding: 12px 0; align-items: flex-start; line-height: 1.8; }
.catalog-body .card-features li::before, .catalog-body .rental-card.premium .card-features li::before { color: #72d6ca; }
.catalog-body .contact-btn, .catalog-body .rental-card.premium .contact-btn { padding: 13px; border: 1px solid #396270; background: #173340; color: #8ce8ed; font-size: 14px; border-radius: 6px; }
.catalog-body .contact-btn:hover, .catalog-body .rental-card.premium .contact-btn:hover { background: #7ce1e6; color: #09212a; box-shadow: none; }
.catalog-body .notice-panel { background: #121b29; border: 1px solid #304055; border-radius: 10px; padding: 26px; color: #a7b9ce; font-size: 13px; line-height: 1.9; }
.catalog-body .notice-title { color: #e1c792; font-size: 15px; margin-bottom: 16px; }
.catalog-body .notice-title::before { content: 'i'; display: inline-grid; place-items: center; width: 18px; height: 18px; border: 1px solid #796e56; border-radius: 50%; font: 12px serif; }
.catalog-body .notice-panel p + p { margin-top: 10px; }
.catalog-body .combo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; }
.catalog-body .panel { background: #111a28f5; border: 1px solid #2b394e; border-radius: 10px; padding: 23px; box-shadow: none; backdrop-filter: none; min-width: 0; }
.catalog-body .panel:hover { transform: none; border-color: #4a7180; box-shadow: none; }
.catalog-body .combo-title { color: #81cfd9; font-family: inherit; font-size: 13px; border: 0; padding: 0; margin-bottom: 15px; letter-spacing: 1px; }
.catalog-body .combo-content { color: #c6d3e5; font-size: 13px; line-height: 1.9; flex: 1; }
.catalog-body .combo-price { text-align: left; color: #eff9ff; text-shadow: none; font: 600 26px Consolas, monospace; border-top: 1px solid #26364b; padding-top: 16px; }
.catalog-section-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #dbe7f5; font-size: 18px; margin-bottom: 18px; }
.catalog-section-heading span { font: 10px Consolas, monospace; color: #8095ad; letter-spacing: 2px; }
.catalog-body .special-combo { background: #16303b; border: 1px solid #38606b; border-radius: 10px; text-align: left; padding: 25px; font-size: 14px; margin-bottom: 38px; box-shadow: none; line-height: 2; }
.catalog-body .special-combo::before { display: none; }
.catalog-body .special-title { color: #8ce1e7; font-size: 16px; text-shadow: none; }
.catalog-body .special-price { font: 600 30px Consolas, monospace; color: #e8faff; text-shadow: none; }
.catalog-body .hardware-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 30px; }
.catalog-body .hw-category-title { background: transparent !important; border: 0; color: #97dce2 !important; padding: 0; clip-path: none; box-shadow: none; font-size: 15px; margin-bottom: 17px; }
.catalog-body .hw-list li { gap: 12px; padding: 13px 0; align-items: flex-start; border-bottom: 1px solid #253246; }
.catalog-body .hw-list li:hover { padding-left: 0; background: transparent; }
.catalog-body .hw-name { font-size: 13px; color: #b9c9dd; overflow-wrap: anywhere; }
.catalog-body .hw-price { font: 16px/1.6 Consolas, monospace; color: #def3fc; white-space: nowrap; }
.catalog-contact { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 20px 24px; border: 1px solid #2f4b5a; border-radius: 9px; background: #142330; font-size: 13px; }
.catalog-contact span { color: #9bb0c7; }
.catalog-contact p { color: #8be0e5; }
.catalog-body .price-footer { color: #8092aa; font-size: 11px; line-height: 1.9; margin-top: 34px; padding-top: 25px; }
.catalog-body .price-footer .warning { text-shadow: none; color: #dca6b2; }
.catalog-body footer { padding: 30px 24px; }
@media (max-width: 1000px) {
    .catalog-body .combo-grid, .catalog-body .hardware-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .catalog-body .rental-grid { grid-template-columns: 1fr; }
    .catalog-body .card-title, .catalog-body .rental-card.premium .card-title { min-height: 0; }
}
@media (max-width: 600px) {
    .catalog-body .price-container { padding: 104px 18px 32px; }
    .catalog-body .logo { font-size: 18px; }
    .catalog-body .navbar { padding: 17px 18px; }
    .catalog-body .combo-grid, .catalog-body .hardware-grid { grid-template-columns: 1fr; }
    .catalog-body .rental-card, .catalog-body .panel, .catalog-body .notice-panel { padding: 22px; }
    .catalog-nav { gap: 6px; }
    .catalog-nav a { font-size: 12px; padding: 9px 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .catalog-body #particle-canvas { display: none; }
    .catalog-body .rental-card, .catalog-body .panel, .catalog-body button { transition: none; }
    .catalog-body .rental-card:hover { transform: none; }
}
