/* Верстка текстовых страниц разделов аскомпозит.рф (29.10.2026). Разметку дает pages/restyle.py */
#content .ak{font-family:inherit;--ak-red:#d32f2f;--ak-red-d:#b71c1c;--ak-dark:#2b2f36;--ak-text:#30353c;--ak-muted:#6a717b;--ak-bg:#f4f6f8;--ak-line:#e2e6eb;
  clear:both;color:var(--ak-text);font-size:15px;line-height:1.65;max-width:980px}
#content .ak *{box-sizing:border-box}
#content .ak p{margin:0 0 12px;font-size:15px;line-height:1.65}
#content .ak a{color:var(--ak-red);text-decoration:none;border-bottom:1px solid rgba(211,47,47,.3)}
#content .ak a:hover{border-bottom-color:var(--ak-red)}

/* первый экран */
#content .ak-hero{background:linear-gradient(135deg,#2b2f36 0%,#3f4650 100%);color:#fff;border-radius:16px;padding:28px 30px 26px;margin:6px 0 34px;position:relative;overflow:hidden}
#content .ak-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(211,47,47,.18)}
#content .ak-hero p{color:#e8ebef;font-size:16.5px;line-height:1.6;margin:0 0 18px;position:relative;z-index:1}
#content .ak-hero p strong{color:#fff}
#content .ak-badges{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
#content .ak-badges li{margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 13px;font-size:13px;color:#fff}
#content .ak-badges li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ak-red);margin-right:8px;vertical-align:1px}
#content .ak-btns{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
#content .ak a.ak-btn{display:inline-flex;align-items:center;gap:9px;background:var(--ak-red);color:#fff;font-weight:700;font-size:15px;border:2px solid var(--ak-red);border-radius:10px;padding:11px 20px;line-height:1.2;transition:background .15s,transform .15s}
#content .ak a.ak-btn:hover{background:var(--ak-red-d);border-color:var(--ak-red-d);transform:translateY(-1px)}
#content .ak a.ak-btn--ghost{background:transparent;border-color:rgba(255,255,255,.55)}
#content .ak a.ak-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
#content .ak-btn svg{width:17px;height:17px;fill:currentColor;flex:none}

/* разделы */
#content .ak-sec{margin:0 0 36px}
#content .ak h2{font-size:23px;line-height:1.3;font-weight:700;color:var(--ak-dark);margin:0 0 14px;padding:0 0 0 16px;position:relative;text-transform:none;letter-spacing:0;border:0;background:none}
#content .ak h2:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:3px;background:var(--ak-red)}

/* обычные таблицы */
#content .ak-table{overflow-x:auto;border:1px solid var(--ak-line);border-radius:12px;margin:6px 0 14px;-webkit-overflow-scrolling:touch}
#content .ak-table table{width:100%;border-collapse:collapse;margin:0;font-size:14.5px;background:#fff}
#content .ak-table th{background:var(--ak-dark);color:#fff;font-weight:600;text-align:left;padding:11px 14px;border:0;vertical-align:bottom;white-space:nowrap}
#content .ak-table td{font-family:inherit;padding:11px 14px;border:0;border-top:1px solid var(--ak-line);vertical-align:top}
#content .ak-table tbody tr:nth-child(even) td{background:#fafbfc}
#content .ak-table td:first-child{font-weight:600;color:var(--ak-dark);white-space:nowrap}
#content .ak-chip{display:inline-block;background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:6px;padding:1px 8px;margin:2px 3px 2px 0;font-size:13px;white-space:nowrap}

/* таблица «объем - вес» плитками */
#content table.ak-tiles{display:block;width:100%;margin:6px 0 14px;border:0}
#content table.ak-tiles thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#content table.ak-tiles tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
#content table.ak-tiles tr{display:block;background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
#content table.ak-tiles tr:hover{border-color:var(--ak-red);box-shadow:0 4px 14px rgba(43,47,54,.08)}
#content table.ak-tiles td{display:block;padding:0;border:0;background:none}
#content table.ak-tiles td:first-child{font-size:21px;font-weight:700;color:var(--ak-dark);line-height:1.2}
#content table.ak-tiles td+td{font-size:13px;color:var(--ak-muted);margin-top:3px}
#content .ak-tiles-note{font-size:13px;color:var(--ak-muted);margin:-4px 0 12px}

/* преимущества карточками */
#content ul.ak-cards{list-style:none;margin:6px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:12px}
#content ul.ak-cards>li{flex:1 1 calc(33.33% - 12px);min-width:200px}
#content ul.ak-cards--4>li{flex-basis:calc(25% - 12px)}
#content ul.ak-cards li{margin:0;background:#fff;border:1px solid var(--ak-line);border-radius:14px;padding:18px 18px 16px;font-size:14.5px;line-height:1.55;color:var(--ak-muted)}
#content ul.ak-cards li:before{content:"";display:block;width:36px;height:36px;border-radius:10px;margin:0 0 12px;background:#fdecec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d32f2f' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/20px no-repeat}
#content ul.ak-cards li strong{display:block;color:var(--ak-dark);font-size:16px;margin:0 0 4px}

/* списки с галочками */
#content ul.ak-checks{list-style:none;margin:6px 0 14px;padding:16px 18px;background:var(--ak-bg);border-radius:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 22px}
#content ul.ak-checks li{margin:0;padding:0 0 0 28px;position:relative;font-size:14.5px;line-height:1.5}
#content ul.ak-checks li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--ak-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/12px no-repeat}

/* шаги */
#content ol.ak-steps{list-style:none;counter-reset:ak;margin:6px 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
#content ol.ak-steps li{counter-increment:ak;margin:0;background:var(--ak-bg);border-radius:14px;padding:16px 16px 16px;font-size:14.5px;line-height:1.5;position:relative}
#content ol.ak-steps li:before{content:counter(ak);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ak-red);color:#fff;font-weight:700;font-size:15px;margin:0 0 10px}

/* вопросы */
#content .ak-faq details{border:1px solid var(--ak-line);border-radius:12px;margin:0 0 8px;background:#fff;transition:border-color .15s}
#content .ak-faq details[open]{border-color:#c9ced5;box-shadow:0 4px 14px rgba(43,47,54,.06)}
#content .ak-faq summary{list-style:none;cursor:pointer;padding:15px 52px 15px 18px;position:relative;outline:none}
#content .ak-faq summary::-webkit-details-marker{display:none}
#content .ak-faq summary:after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--ak-red);border-bottom:2px solid var(--ak-red);transform:rotate(45deg);transition:transform .2s}
#content .ak-faq details[open] summary:after{transform:rotate(-135deg);margin-top:-2px}
#content .ak-faq summary h3{display:inline;font-size:16px;font-weight:600;color:var(--ak-dark);margin:0;line-height:1.4;text-transform:none}
#content .ak-faq details p{margin:0;padding:0 18px 16px;color:var(--ak-muted)}

/* заявка */
#content .ak-cta{background:linear-gradient(135deg,#2b2f36 0%,#3f4650 100%);color:#fff;border-radius:16px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:0 0 20px}
#content .ak-cta p{color:#fff;font-size:16px;margin:0;flex:1 1 320px}
#content .ak-cta a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
#content .ak-cta a.ak-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
#content .ak-cta a.ak-btn--ghost:hover{background:rgba(255,255,255,.12)}

@media (max-width:767px){
  #content .ak-hero{padding:22px 18px 20px;border-radius:14px}
  #content .ak-hero p{font-size:15.5px}
  #content .ak h2{font-size:20px}
  #content .ak-btns,#content .ak-cta .ak-btns{width:100%}
  #content .ak a.ak-btn{flex:1 1 100%;justify-content:center}
  #content .ak-cta{padding:20px 18px}
  #content table.ak-tiles tbody{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  #content .ak-table{border:0;overflow:visible;max-width:calc(100vw - 30px)}
  #content .ak-table table,#content .ak-table tbody,#content .ak-table tr,#content .ak-table td{display:block;width:auto}
  #content .ak-table thead{display:none}
  #content .ak-table table{background:none}
  #content .ak-table tr{border:1px solid var(--ak-line);border-radius:12px;margin:0 0 10px;padding:6px 0;background:#fff}
  #content .ak-table tbody tr:nth-child(even) td{background:none}
  #content .ak-table td{border:0;padding:5px 14px;white-space:normal}
  #content .ak-table td:first-child{font-size:16px;padding-bottom:7px;border-bottom:1px solid var(--ak-line);margin-bottom:4px}
  #content .ak-table td+td:before{content:attr(data-label);display:block;font-size:12px;color:var(--ak-muted);font-weight:400}
}

/* главная (home.tpl: pages/home-top.html и home-bottom.html) */
#content .ak-home .ak-hero h1{color:#fff;font-size:28px;line-height:1.25;font-weight:700;margin:0 0 14px;padding:0;text-transform:none;letter-spacing:0;border:0;background:none;position:relative;z-index:1}
#content .ak.ak-home{clear:none;max-width:none}
#content .ak-home .ak-hero{margin-top:0}
#content ul.ak-links li strong a{color:var(--ak-dark);border:0;font-size:17px}
#content ul.ak-links li strong a:after{content:"";display:inline-block;width:7px;height:7px;border-top:2px solid var(--ak-red);border-right:2px solid var(--ak-red);transform:rotate(45deg);margin:0 0 2px 8px}
#content ul.ak-links li:hover{border-color:var(--ak-red);box-shadow:0 6px 18px rgba(43,47,54,.08)}
#content ul.ak-links li strong a:hover{color:var(--ak-red)}
@media (max-width:767px){#content .ak-home .ak-hero h1{font-size:22px}}