/* UI.RU — Инженерный портал: общая страница разделов «Механика» и «Промышленная автоматизация».
   Работает поверх holding.css (шапка, подвал, кнопки) и в тех же цветах: бирюза #07b7a5 / тёмно-синий #0f4459 / мятный #87edd8. */
#ui-holding-options .ui-portal{--pt-teal-bg:#07b7a5;--pt-teal-ink:#053e48;--pt-navy:#0f4459;--pt-navy-2:#174e5c;--pt-mint:#87edd8}
#ui-holding-options .ui-portal .ui-top{flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--ui-line)}
#ui-holding-options .ui-portal .ui-top-label{margin-left:auto;text-align:right}
#ui-holding-options .ui-portal a.pt-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-white);color:var(--ui-ink);font:700 13px/1.3 Manrope,Arial,sans-serif;text-decoration:none}
#ui-holding-options .ui-portal a.pt-back:hover{border-color:var(--ui-teal);text-decoration:none}
#ui-holding-options .pt-back svg{width:17px;height:17px;color:var(--ui-teal)}

#ui-holding-options .pt-main{flex:1;padding:44px 0 40px}
#ui-holding-options .pt-hero{max-width:860px}
#ui-holding-options .pt-overline{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:30px;background:var(--ui-soft-teal);color:var(--ui-teal);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#ui-holding-options .pt-dot{width:8px;height:8px;border-radius:50%;background:var(--pt-teal-bg);flex:none;animation:pt-pulse 1.8s ease-out infinite}
@keyframes pt-pulse{0%{box-shadow:0 0 0 0 rgba(7,183,165,.55)}100%{box-shadow:0 0 0 9px rgba(7,183,165,0)}}
#ui-holding-options .ui-portal .ui-title{font-size:clamp(40px,6.2vw,76px);margin-top:22px}
#ui-holding-options .pt-copy{font-size:17px;line-height:1.65;color:var(--ui-soft);max-width:660px;margin-top:18px}

#ui-holding-options .pt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
#ui-holding-options .pt-card{display:flex;flex-direction:column;gap:18px;min-width:0;padding:28px;border-radius:18px;box-shadow:0 10px 26px rgba(15,68,89,.12)}
#ui-holding-options .pt-mech{background:var(--pt-teal-bg);color:var(--pt-teal-ink)}
#ui-holding-options .pt-auto{background:var(--pt-navy);color:#f4ffff}
#ui-holding-options .pt-card-head{display:flex;align-items:center;gap:15px}
#ui-holding-options .pt-ico{display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;border-radius:14px}
#ui-holding-options .pt-ico svg{width:32px;height:32px}
#ui-holding-options .pt-mech .pt-ico{background:rgba(255,255,255,.3);color:var(--pt-teal-ink)}
#ui-holding-options .pt-auto .pt-ico{background:#205769;color:var(--pt-mint)}
#ui-holding-options .pt-card-titles{min-width:0}
#ui-holding-options .pt-tag{display:block;font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#ui-holding-options .pt-auto .pt-tag{color:var(--pt-mint)}
#ui-holding-options .pt-card h2{margin-top:4px;font-family:'Russo One','Arial Black',Arial,sans-serif;font-weight:400;font-size:clamp(25px,2.6vw,33px);line-height:1.08;letter-spacing:-.015em;color:inherit}
#ui-holding-options .pt-lead{font-size:15px;line-height:1.6}
#ui-holding-options .pt-auto .pt-lead{color:#c8e4e9}

#ui-holding-options .pt-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#ui-holding-options .pt-stats li{min-width:0;padding:12px 13px;border-radius:12px}
#ui-holding-options .pt-mech .pt-stats li{background:rgba(255,255,255,.26)}
#ui-holding-options .pt-auto .pt-stats li{background:rgba(255,255,255,.07);border:1px solid #2f6475}
#ui-holding-options .pt-stats b{display:block;font-family:'Russo One','Arial Black',Arial,sans-serif;font-weight:400;font-size:25px;line-height:1.1;white-space:nowrap}
#ui-holding-options .pt-auto .pt-stats b{color:var(--pt-mint)}
#ui-holding-options .pt-stats span{display:block;margin-top:4px;font-size:12px;line-height:1.35}

#ui-holding-options .pt-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#ui-holding-options .ui-portal .pt-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:12px 15px;border-radius:12px;text-decoration:none;transition:transform .15s ease,background-color .15s ease}
#ui-holding-options .ui-portal .pt-links a::after{content:'→';grid-column:2;grid-row:1 / 3;font-size:19px;line-height:1}
#ui-holding-options .ui-portal .pt-links a:hover{text-decoration:none;transform:translateX(3px)}
#ui-holding-options .pt-links b{grid-column:1;font-size:14px;font-weight:800;line-height:1.35}
#ui-holding-options .pt-links span{grid-column:1;font-size:12.5px;line-height:1.4}
#ui-holding-options .ui-portal .pt-mech .pt-links a{background:#fff;color:var(--ui-ink)}
#ui-holding-options .ui-portal .pt-mech .pt-links a::after{color:var(--ui-teal)}
#ui-holding-options .pt-mech .pt-links span{color:var(--ui-soft)}
#ui-holding-options .ui-portal .pt-auto .pt-links a{background:var(--pt-navy-2);border:1px solid #2f6475;color:#f2fcfc}
#ui-holding-options .ui-portal .pt-auto .pt-links a:hover{background:#1c5b6b}
#ui-holding-options .ui-portal .pt-auto .pt-links a::after{color:var(--pt-mint)}
#ui-holding-options .pt-auto .pt-links span{color:#bbd5dc}

#ui-holding-options .ui-portal a.pt-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:16px 18px;border-radius:12px;font:800 15px/1.35 Manrope,Arial,sans-serif;text-decoration:none;transition:filter .15s ease}
#ui-holding-options .ui-portal a.pt-cta:hover{text-decoration:none;filter:brightness(1.12)}
#ui-holding-options .pt-cta span:last-child{font-size:22px;line-height:1}
#ui-holding-options .ui-portal .pt-mech a.pt-cta{background:var(--pt-teal-ink);color:#fff}
#ui-holding-options .ui-portal .pt-auto a.pt-cta{background:var(--pt-mint);color:var(--pt-navy)}

#ui-holding-options .pt-help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin-top:18px;padding:24px 28px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-white)}
#ui-holding-options .pt-help h2{font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
#ui-holding-options .pt-help p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--ui-soft);max-width:640px}
#ui-holding-options .pt-help-actions{display:flex;flex-wrap:wrap;gap:10px}
#ui-holding-options .ui-portal .pt-help-actions .ui-action:hover{text-decoration:none;filter:brightness(1.08)}
#ui-holding-options .ui-portal .ui-company a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:1050px){#ui-holding-options .ui-portal .ui-top-label{display:none}#ui-holding-options .ui-portal a.pt-back{margin-left:auto}}
@media(max-width:900px){#ui-holding-options .pt-cards{grid-template-columns:minmax(0,1fr)}#ui-holding-options .pt-help{grid-template-columns:minmax(0,1fr)}}
@media(max-width:580px){
  #ui-holding-options .ui-portal .ui-top{gap:14px}
  #ui-holding-options .ui-portal a.pt-back{margin-left:0;width:100%;justify-content:center}
  #ui-holding-options .pt-main{padding:30px 0 30px}
  #ui-holding-options .ui-portal .ui-title{font-size:clamp(38px,11vw,52px)}
  #ui-holding-options .pt-copy{font-size:15.5px}
  #ui-holding-options .pt-card{padding:20px 18px;gap:15px}
  #ui-holding-options .pt-ico{flex-basis:48px;width:48px;height:48px}
  #ui-holding-options .pt-ico svg{width:28px;height:28px}
  #ui-holding-options .pt-stats{gap:6px}
  #ui-holding-options .pt-stats li{padding:10px 9px}
  #ui-holding-options .pt-stats b{font-size:19px}
  #ui-holding-options .pt-stats span{font-size:11px}
  #ui-holding-options .pt-help{padding:20px 18px}
  #ui-holding-options .pt-help-actions .ui-action{width:100%}
}
@media(prefers-reduced-motion:reduce){#ui-holding-options .pt-dot{animation:none}#ui-holding-options .ui-portal .pt-links a,#ui-holding-options .ui-portal a.pt-cta{transition:none}}