:root{--db-navy:#0b203e;--db-deep:#06172e;--db-sky:#519fd7;--db-soft:#eef2f6;--db-text:#415168}.db-catalog{padding:76px 90px;background:#f7f9fb}.db-catalog__inner{max-width:1440px;margin:auto}.db-catalog__head{text-align:center;max-width:900px;margin:0 auto 38px}.db-catalog__head h2{margin:0 0 14px;font:750 42px/1.1 Roboto,Arial,sans-serif;color:var(--db-navy)}.db-catalog__head p{margin:0;font:400 20px/30px Roboto,Arial,sans-serif;color:var(--db-text)}.db-catalog__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 34px}.db-filter{border:1px solid #cfdae5;background:#fff;color:var(--db-navy);padding:11px 18px;font:700 15px/1 Roboto,Arial,sans-serif;cursor:pointer}.db-filter.is-active{background:var(--db-navy);border-color:var(--db-navy);color:#fff}.db-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.db-product{background:#fff;box-shadow:0 10px 28px rgba(11,32,62,.08)}.db-product.is-hidden{display:none}.db-product__button{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:#fff;text-align:left;cursor:pointer;color:inherit}.db-product__media{height:280px;padding:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:4px solid var(--db-sky)}.db-product__media img{max-width:100%;max-height:100%;object-fit:contain}.db-product__body{padding:26px 28px 30px}.db-product__code{display:block;color:var(--db-sky);font:800 14px/1 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.db-product h3{margin:10px 0 12px;font:750 25px/1.18 Roboto,Arial,sans-serif;color:var(--db-navy)}.db-product p{margin:0 0 20px;font:400 16px/24px Roboto,Arial,sans-serif;color:var(--db-text)}.db-product__link{font:750 15px/1 Roboto,Arial,sans-serif;color:var(--db-sky);border-bottom:2px solid var(--db-sky);padding-bottom:4px}.db-catalog__empty{text-align:center;font:500 18px/1.4 Roboto,Arial,sans-serif}.db-modal{position:fixed;inset:0;z-index:9999;background:rgba(6,23,46,.78);display:none;align-items:center;justify-content:center;padding:28px}.db-modal.is-open{display:flex}.db-modal__dialog{position:relative;width:min(1120px,100%);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.35)}.db-modal__close{position:absolute;right:16px;top:12px;z-index:2;width:44px;height:44px;border:0;background:var(--db-deep);color:#fff;font:30px/1 Arial;cursor:pointer}.db-modal__layout{display:grid;grid-template-columns:46% 54%;min-height:560px}.db-modal__media{padding:48px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#f7f9fb}.db-modal__media img{max-height:360px;object-fit:contain}.db-modal__body{padding:56px 52px}.db-modal__body h2{margin:12px 0 18px;font:750 36px/1.1 Roboto,Arial,sans-serif;color:var(--db-navy)}.db-modal__body>p{font:400 17px/26px Roboto,Arial,sans-serif;color:var(--db-text)}.db-modal__body h3{margin:30px 0 14px;font:750 22px/1.2 Roboto,Arial,sans-serif;color:var(--db-navy)}.db-specs{display:grid;grid-template-columns:minmax(130px,40%) 1fr;margin:0;border-top:1px solid #dfe6ed}.db-specs dt,.db-specs dd{margin:0;padding:12px 8px;border-bottom:1px solid #dfe6ed;font:400 15px/1.4 Roboto,Arial,sans-serif}.db-specs dt{font-weight:700;color:var(--db-navy)}.db-request{display:inline-flex;margin-top:30px;min-height:52px;align-items:center;justify-content:center;padding:0 24px;background:var(--db-sky);color:#fff!important;font:750 17px/1 Roboto,Arial,sans-serif}.db-request:hover{background:var(--db-navy)}@media(max-width:1050px){.db-catalog{padding-left:clamp(20px,4.7vw,90px);padding-right:clamp(20px,4.7vw,90px)}.db-catalog__grid{grid-template-columns:1fr 1fr}.db-modal__layout{grid-template-columns:1fr}.db-modal__media{min-height:360px}}@media(max-width:650px){.db-catalog{padding-top:52px;padding-bottom:52px}.db-catalog__head h2{font-size:34px}.db-catalog__grid{grid-template-columns:1fr}.db-product__media{height:240px}.db-modal{padding:10px}.db-modal__body{padding:42px 24px 30px}.db-modal__media{padding:38px 24px;min-height:280px}.db-specs{grid-template-columns:1fr}.db-specs dt{padding-bottom:2px;border-bottom:0}.db-specs dd{padding-top:2px}}
