:root{
  --bg:#f7faf9; --card:#fff; --text:#101315; --muted:#6b7280; --border:#e6e8ee;
  --primary:#10b981; --primary-2:#34d399; --blue:#60a5fa; --yellow:#f59e0b;
  --shadow:0 10px 30px rgba(38,38,38,.06); --radius:18px;
}
.prognoz *{box-sizing:border-box} 
html1,body1{margin:0;padding:0;color:var(--text);background:var(--bg);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto; -webkit-tap-highlight-color: transparent;}
h1,h2,h3{margin:0 0 .6rem} h1{font-size:1.5rem} h2{font-size:1.28rem} h3{font-size:1.08rem}
.container{_max-width:1100px;_margin:0 auto;_padding:0 16px}
.muted{color:var(--muted)} .small{font-size:.9rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin:1em 0 0 0 ;margin_:14px auto}
section.container.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin:1em auto 0 ;margin_:14px auto}
.header-plain{margin-top:12px}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}
label{display:flex;flex-direction:column;font-size:.95rem;gap:6px}
.rel{position:relative}
.infield .label-title{position:absolute !important; width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.req{color:#ef4444;margin-left:4px}
input,select{width:100%;padding:14px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;outline:none;font-size:16px}
input::placeholder{color:#9aa3af}
select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%239aa3af\" d=\"M5 7l5 6 5-6z\"/></svg>');background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}
input:focus,select:focus{border-color:#a7f3d0;box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.err{color:#ef4444;font-size:.85rem;height:1.1rem;margin-top:2px; font-weight:700;}
.actions{display:flex;gap:10px;margin-top:12px}
.btn{border:none;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);cursor:pointer;font-weight:800;font-size:16px}
.btn:active{transform:translateY(1px)} .btn.ghost{background:#fff;color:#0ea573;border:1px solid #b7f3dc}
.btn-big{width:100%}
.hidden{display:none}
.segmented{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.segmented input{display:none} .segmented label{padding:10px 14px;cursor:pointer;background:#fff}
.segmented input:checked + label{background:#e7f8f1;border-left:1px solid #b7f3dc}
.ad-slot{width:100%;min-height:180px;border:1px dashed #cfeadf;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fbfffd}
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 18px}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.price-card .tag{display:inline-block;font-weight:700;padding:8px 12px;border-radius:999px;margin-bottom:10px;border:1px solid var(--border)}
.tag-yellow{background:#fff8e6}.tag-green{background:#e7f8f1}.tag-blue{background:#eef6ff}
.price{font-size:1.6rem;font-weight:900}
.ppsqm{color:var(--muted);font-size:1rem;margin:.2rem 0 .5rem}
.meta{color:var(--muted);font-size:.98rem}
.price-card.active{outline:2px solid var(--primary)}
.tabs{display:flex;gap:8px;margin:8px 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px}
.tab{flex:0 0 auto;border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;scroll-snap-align:start}
.tab.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;border-color:transparent}
.fcast-price{font-size:1.9rem;font-weight:900;margin:.2rem 0 .1rem}
.fcast-sub{color:#6b7280;margin:.5rem 0}
.sep{height:1px;background:var(--border);margin:.6rem 0}
.facts{margin-top:10px;padding:12px;border:1px dashed #cfeadf;border-radius:12px;background:#fbfffd}
.card.inner{box-shadow:none}
.factor-modes{display:flex;gap:8px;margin:6px 0 10px}
.mode{border1:1px solid var(--border);background:#fff;border-radius1:999px;padding:10px 14px;cursor:pointer}
.mode1{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}
.mode.active{background:#e7f8f1;border-color:#b7f3dc}
.mode1:has(input[type="radio"]:checked) { background:#e7f8f1;border-color:#b7f3dc; }
.chip:has(input[type="checkbox"]:checked) { background: #e7f8f1; border-color: #b7f3dc; }
.mode:has(input[type="radio"]:checked) {background: #e7f8f1; border-left: 1px solid #b7f3dc; }
.mode1 input, .chip input{ display: none;}
.slider-wrap{margin:8px 0}.range-val{font-weight:700}
.mt8{margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#fafafa;font-size:.95rem;cursor:pointer}
.chip.toggled{background:#e7f8f1;border-color:#b7f3dc}
.bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px dashed #cfeadf;border-radius:12px;background:#fbfffd;margin-bottom:10px}
.hint{color:#4b5563}
details.adv{margin-top:10px}
details.adv summary{cursor:pointer;font-weight:700}
.footer{color:#6b7280;padding:16px 0;font-size:.95rem}
.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards-row{display:grid;grid-template-columns_:repeat(3,1fr); grid-template-columns: 1fr; gap:10px}
.ad-col { margin-left: 0px; }
.ad-col .card-soft {
    width: 100%;
    min-height: 180px;
    border: 1px dashed #cfeadf;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fbfffd;
    
}
.ad-col .card-soft.cardi0 {
  margin-bottom: 1em;
}
.ad-col .mini-img{font-weight:700; padding-top:40%; border-top-left-radius: 8px;  position: relative; border-top-right-radius: 8px; }
.ad-col .mini-content{margin: 1em 1em 1em 1em;}
.ad-col .mini-sub{color:#6b7280;margin:0 0 0 0; font-size:80%; }
.ad-col .mini-img .phone{
  margin: 1em 10% 0px 10%;
    background: #13A0CD;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
}
.ad-col .mini-img .phone .phone_num{
background: url(/css/phone.png) no-repeat;
    font-style: normal;
    font-weight: 600;
    font-size: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    background-position-y: center;
    background-position-x: 20px;
    color: #FBFCFF;
    padding: 4% 10% 4% 20%;
    background-position-x: 10%;
}
.recom .card-soft{background:#fbfffd;border:1px dashed #cfeadf;border-radius:12px;padding_:12px; padding: 1em; height_:10em; _height:18em;}
.articles .card-soft{background:#fbfffd;border:1px dashed #cfeadf;border-radius:12px;padding_:12px; padding: 1em; height_:10em; height:auto;}
.articles .img img {border-radius: 8px; width: 100%;}
.card-soft:hover{background:#dafff3;}
.recom .mini-img{font-weight:700; padding-top:50%; border-radius: 8px; position: relative; }
.recom .mini-img .phone{
  margin: 4% 10% 0px 10%;
    background: #13A0CD;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
}
.recom .mini-img .phone .phone_num{
background: url(/css/phone.png) no-repeat;
    font-style: normal;
    font-weight: 600;
    font-size: 100%;
    text-align: center;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    background-position-y: center;
    background-position-x: 20px;
    color: #FBFCFF;
    padding: 15px 22px 15px 44px;
    padding: 7% 10% 7% 20%;
    background-position-x: 10%;
}
.recom .mini-title{font-weight:700; height: 4em; display: flex; align-items: center; justify-content: center;}

.articles .mini-title{height: initial; font-weight: 700; color: #234B88; font-size: 105%; margin-bottom: 0em;}
.articles .mini-text{height: initial; font-weight: normal; color: #101010; font-size: 90%; margin-bottom: 1em;}
.articles .card-soft .button {
    _border-radius: 8px;
    _background-color: #13A0CD;
    _font-size: 100%;
    _color: #FBFCFF;
}
.articles .card-soft .button.start { float_:right; text-align: right; margin:0.5em 0em;}
.articles .card-soft .button.stats { float:left; display:none; }

.articles .card-soft .button.start > div {
    _margin: 8px 8px 8px 8px;
    _padding-left: 24px;
    _background: url(/css/index_a/calendar.png) no-repeat 3px;
    _background-size: contain;
}
.articles .card-soft .button.stats > div {
    margin: 8px 8px 8px 8px;
    padding-left: 24px;
    background: url(/css/index_a/eye.png) no-repeat 3px;
    background-size: contain;
}
.articles .card-soft .mini-link{ display:block;
}
.recom .mini-sub{color:#6b7280;margin:.2rem 0 .5rem; height: 5em;}
.mini-info{margin-top:0.5em; height: 3em; font-style: normal; font-weight: 500; overflow: hidden;}
.mini-info > div { padding: 0; overflow: hidden;cursor: default;overflow-y: scroll;
  height: 90%;margin-right: 0px;padding-right: 0px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  font-size: 0.75em;
}


.mini-link{_color:#0ea573;text-decoration:none;font-weight:700}
.log{margin:0;padding-left:18px}
@media (max-width: 900px){
  .container{_max-width:680px}
  .grid-2{grid-template-columns:1fr}
  .price-cards{grid-template-columns:1fr}
  .cards-row,.thirds{grid-template-columns:1fr}
}
.forecast-card .years_1, .forecast-card .years_3, .forecast-card .years_5, .forecast-card .years_10, .forecast-card .years_15, .forecast-card .years_25 {
  display:none;
}

.container .grid-2.card.line330 { grid-template-columns: auto; }
.ad-col.line30 { display:none;}


.thirds .card.recom.line20 {display:none;}
.thirds .card.articles.line220 { grid-column: 1 / span 2; }
.thirds .card.articles.line220 .mini.card-soft .img { float: left; margin-right: 1em; }