.elementor-3186 .elementor-element.elementor-element-9c5726c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5fda96d */:root{
  --accent:#cf2832;--accent-ink:#a81f27;
  --ink:#1e1e1e;--muted:#666;--surface:#fff;
  --glass:rgba(207,40,50,.06);--radius:16px;--shadow:0 8px 24px rgba(0,0,0,.08);
}
.docs-wrap{padding:32px 0 48px;background:#fff}
.docs-hero{max-width:1450px;margin:0 auto 12px;padding:0 16px}
.docs-breadcrumb{color:#9b9b9b;font-size:13px;margin-bottom:6px}
.docs-title{margin:0 0 6px;font-size:clamp(24px,2.2vw,34px);line-height:1.2;color:var(--ink);font-weight:800}
.docs-subtitle{margin:0;color:var(--muted)}

.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.card.glass{background:linear-gradient(180deg,#fff,#fff0);border:1px solid rgba(0,0,0,.06);backdrop-filter:blur(6px)}

.docs-filters{max-width:1450px;margin:16px auto;padding:12px 16px;display:grid;gap:10px}
.search{display:flex;align-items:center;gap:8px}
.search .ico{width:18px;height:18px;color:#888}
.search input{flex:1;height:44px;border:1px solid #e7e7e7;border-radius:12px;padding:10px 12px}
.search input:focus{border-color:#d9d9d9;box-shadow:0 0 0 3px rgba(207,40,50,.08);outline:none}

.docs-grid{
  max-width:1450px;margin:0 auto;padding:0 16px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px
}
.doc-card{display:grid;grid-template-rows:auto 1fr;gap:10px;transition:transform .15s ease}
.doc-card:hover{transform:translateY(-2px)}

.photo{position:relative;margin:0;border-radius:12px;overflow:hidden}
.photo img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .3s ease}
.doc-card:hover .photo img{transform:scale(1.03)}
.brand-badge{
  position:absolute;top:10px;right:10px;
  background:#fff;border:1px solid #eee;border-radius:10px;
  padding:6px 8px;box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.brand-badge img{display:block;height:26px;width:auto}

.info{display:grid;gap:4px}
.name{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.spec{color:#333}
.spec span{color:#666}

@media(max-width:560px){
  .photo img{height:260px}
  .brand-badge{top:8px;right:8px;padding:5px 7px}
  .brand-badge img{height:22px}
}/* End custom CSS */