.dg-section{
    --dg-accent:#C9514D;        /* цвет иконок и акцентов */
    --dg-accent-bg:#f6f1ea;     /* фон круга под иконкой */
    --dg-text:#1f1f1f;
    --dg-muted:#6b6b6b;
    --dg-border:#e8e4de;
    --dg-stroke:1.5;            /* толщина линии иконок */
    font-family:inherit;
    color:var(--dg-text);
    padding:32px 16px;
    box-sizing:border-box;
  }
  .dg-section *{box-sizing:border-box;}
  .dg-wrap{max-width:1180px;margin:0 auto;}
  .dg-title{margin:0 0 8px;font-size:26px;line-height:1.2;font-weight:600;color: #fff;}
  .dg-lead{margin:0 0 20px;max-width:720px;font-size:15px;line-height:1.45;color: #fff;}
  .dg-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
    margin:0;padding:0;list-style:none;
  }
  .dg-card{
    display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
    padding:18px 12px;
    border-radius:10px;
    background:#F6F4F2;
    transition:border-color .2s, box-shadow .2s;
  }
  .dg-card:hover{border-color:var(--dg-accent);box-shadow:0 4px 14px rgba(0,0,0,.06);}
  .dg-icon{
    width:44px;height:44px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#fff;
    color:var(--dg-accent);
    flex:none;
  }
  .dg-icon svg{
    width:24px;height:24px;display:block;
    fill:none;stroke:#C9514D;
    stroke-width:var(--dg-stroke);
    stroke-linecap:round;stroke-linejoin:round;
  }
  .dg-name{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:600;text-align:center;}
  .dg-desc{margin:0;font-size:13px;line-height:1.35;color:var(--dg-muted);}
 
  @media (max-width:900px){ .dg-grid{grid-template-columns:repeat(3,1fr);} }
  @media (max-width:560px){
    .dg-section{padding:24px 16px;}
    .dg-title{font-size:22px;}
    .dg-grid{grid-template-columns:1fr;gap:10px;}
    .dg-card{flex-direction:row;align-items:flex-start;text-align:left;gap:14px;padding:14px 16px;}
    .dg-name{font-size:16px;}
    .dg-desc{font-size:14px;}
  }
  /* ДЛЯ БЛОКА С ИКОНКАМИ */
  .cdx-section{
    --cdx-accent:#E66E5C;       /* акцент: ручки, размерные линии, ссылки, рамка при наведении */
    --cdx-accent-bg:#fdf0ed;    /* фон области под схему */
    --cdx-line:#2f2a28;         /* цвет контура схем */
    --cdx-hatch:#b9b1ab;        /* цвет штриховки стекла */
    --cdx-text:#1f1f1f;
    --cdx-muted:#6b6b6b;
    --cdx-border:#ece6e3;
    font-family:inherit;
    color:var(--cdx-text);
    padding:40px 16px;
    box-sizing:border-box;
  }
  .cdx-section *{box-sizing:border-box;}
  .cdx-wrap{max-width:1180px;margin:0 auto;}
  .cdx-title{margin:0 0 24px;font-size:30px;line-height:1.2;font-weight:600;color:#fff;}
  .cdx-defs{position:absolute;width:0;height:0;overflow:hidden;}
  .cdx-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin:0;padding:0;list-style:none;
  }
  .cdx-card{
    display:flex;flex-direction:column;
    border:1px solid var(--cdx-border);
    border-radius:12px;
    background:#fff;
    overflow:hidden;
    transition:border-color .2s, box-shadow .2s;
  }
  .cdx-card:hover{border-color:var(--cdx-accent);box-shadow:0 6px 20px rgba(230,110,92,.14);}
 
  /* Область схемы. Вместо SVG можно вставить <img src="..." alt="..."> */
  .cdx-media{
    aspect-ratio:4/3;
    display:flex;align-items:center;justify-content:center;
    padding:16px;
  }
  .cdx-media img{width:100%;height:100%;object-fit:cover;display:block;}
  .cdx-media svg{
    width:100%;max-width:120px;height:auto;display:block;
    transition:transform .25s;
  }
  .cdx-card:hover .cdx-media svg{transform:scale(1.04);}
 
  /* Элементы схем */
  .cdx-door{fill:#fff;stroke:var(--cdx-line);stroke-width:2;stroke-linejoin:round;}
  .cdx-glass{fill:url(#cdx-hat);stroke:var(--cdx-line);stroke-width:2;stroke-linejoin:round;}
  .cdx-solid{fill:var(--cdx-accent);stroke:var(--cdx-line);stroke-width:2;stroke-linejoin:round;}
  .cdx-bar{stroke:var(--cdx-line);stroke-width:1.5;fill:none;}
  .cdx-handle{stroke:var(--cdx-accent);stroke-width:3.5;stroke-linecap:round;fill:none;}
  .cdx-dim{stroke:var(--cdx-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;}
  .cdx-dash{stroke:var(--cdx-hatch);stroke-width:1.8;stroke-dasharray:4 4;fill:none;}
 
  .cdx-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px;}
  .cdx-name{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:600;}
  .cdx-desc{margin:0 0 14px;font-size:15px;line-height:1.45;color:var(--cdx-muted);}
  .cdx-link{
    margin-top:auto;
    font-size:15px;font-weight:600;
    color:var(--cdx-accent);text-decoration:none;
  }
  .cdx-link:hover{text-decoration:underline;}
 
  @media (max-width:1000px){ .cdx-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){
    .cdx-section{padding:28px 16px;}
    .cdx-title{font-size:22px;margin-bottom:16px;}
    .cdx-grid{grid-template-columns:1fr;gap:12px;}
    .cdx-media{aspect-ratio:16/9;padding:12px;}
    .cdx-media svg{max-width:140px;}
  }
  
/* Дополнение к существующим стилям cdx */

.cdx-section--types .cdx-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.cdx-section--types .cdx-card {
  min-width: 0;
}

.cdx-section--types .cdx-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (max-width: 991px) {
  .cdx-section--types .cdx-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .cdx-section--types .cdx-grid {
    grid-template-columns: 1fr;
  }
}

/* 3 карточки в ряд */
.cdx-section--types .cdx-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

/* Планшеты — 2 карточки */
@media (max-width: 991px) {
  .cdx-section--types .cdx-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Телефоны — 1 карточка */
@media (max-width: 575px) {
  .cdx-section--types .cdx-grid {
    grid-template-columns: 1fr;
  }
}

/* Табличка */
.door-specs-wrap {
  width: 100%;
  font-family: inherit;
  color: #292929;
}

.door-specs-title {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #242424;
  line-height: 1.3;
}

.door-specs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.door-specs-card {
  box-sizing: border-box;
  min-width: 0;
  padding: 10px 10px;
  border: 1px solid #e8e5e2;
  border-left: 3px solid #E2525A;
  background: #fff;
  transition: background .2s ease, border-color .2s ease;
}

.door-specs-card:hover {
  background: #fff5ee;
  border-color: #e5c3ad;
  border-left-color: #d8793d;
}

.door-specs-name {
  font-size: 16px;
  font-weight: 600;
  color: #303030;
  line-height: 1.4;
  margin: 0 0 8px;
}

.door-specs-value {
  font-size: 14px;
  line-height: 1.55;
  color: #555;
  margin: 0;
}

.door-specs-value a {
  color: #bd642f;
  text-decoration: none;
  font-weight: 600;
}

.door-specs-value a:hover {
  text-decoration: underline;
}

/* Планшеты */
@media (max-width: 900px) {
  .door-specs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Мобильные */
@media (max-width: 600px) {
  .door-specs-title {
    font-size: 22px;
  }

  .door-specs-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .door-specs-card {
    padding: 14px 16px;
  }
}