
/* Калькулятор на первом экране — вариант A «Итог сверху» (2026-11-09) */
.cv .calc{display:flex;flex-direction:column;height:100%;gap:10px}
.cv.teaser__calc{gap:12px;padding:24px 28px 20px}
.cv .cv-l .calc__num{padding:4px 10px!important}
.cv .calc label{margin:0}
.cv .cv-l{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink)}
.cv .cv-l .calc__num{margin-left:auto!important;text-align:right;font-weight:800;font-size:17px}
.cv .cv-l output{margin-left:auto;font-size:17px}
.cv .cv-u{font-style:normal;color:var(--muted);font-weight:600;font-size:14px;min-width:32px}
.cv .calc__note{margin:0;font-size:12px;color:var(--muted)}
/* ползунок: толстая дорожка с медовой заливкой */
.cv input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:2px 0 0;background:transparent;--p:50%}
.cv input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to right,var(--c-accent) 0 var(--p),#e6e9e3 var(--p) 100%)}
.cv input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#e6e9e3}
.cv input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--c-accent)}
.cv input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:5px solid var(--c-main);box-shadow:0 2px 6px rgba(22,36,27,.25);transition:transform .15s}
.cv input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:5px solid var(--c-main)}
.cv input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.cv .cv-btn{font-weight:800;height:52px}

/* A */
.cv-a.teaser__calc{padding:20px 26px 18px}
.cv-a .cv-top{display:grid;gap:2px;background:var(--g3);border-radius:var(--r-md);padding:14px 20px 12px;position:relative;overflow:hidden}
.cv-a .cv-top:after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;border:26px solid rgba(240,180,41,.28)}
.cv-a .cv-title{font-weight:800;font-size:15px;color:var(--c-main);margin-bottom:6px}
.cv-a .cv-cap{font-size:13px;color:var(--muted)}
.cv-a .cv-top strong{font-size:38px;line-height:1.1;font-weight:800;color:var(--c-main);letter-spacing:-.01em}
.cv-a .cv-sub{font-size:13px;color:var(--muted)}.cv-a .cv-sub b{color:var(--ink)}
.cv-a .cv-btn{margin-top:auto;background:var(--c-main);color:#fff}.cv-a .cv-btn:hover{background:var(--c-main-2)}

@media(max-width:767px){
  .teaser__blocks:has(.teaser__calc){grid-template-columns:1fr}
  .cv-a{padding:18px 16px}.cv-a .cv-top strong{font-size:34px}
}
.scene{height:483px} /* как первый экран */
@media(max-width:767px){.scene{height:auto}}

/* Знак ПКБ в медовой плашке — вариант 6 «Мёд и лес», мелкий, сетка повёрнута на 20° (2026-11-09) */
.cv-a .cv-top>*{position:relative;z-index:1}
.cv-a .cv-top:after{border:0;border-radius:0;background-repeat:no-repeat;pointer-events:none}
.cv-a .cv-top:after{inset:0 0 0 42%;width:auto;height:auto;transform:none;
background-image:url("/static/img/pkb-tile.svg");background-size:700px 240px;background-repeat:no-repeat;background-position:left center;opacity:.55;-webkit-mask-image:linear-gradient(100deg,transparent 0,transparent 25%,#000 70%);mask-image:linear-gradient(100deg,transparent 0,transparent 25%,#000 70%);}
