/*
 * Редизайн 2026, Sheet Fiber Laser: подбор станка (лист / труба) и поля трубы в форме заявки.
 * Пишется вручную, в дополнение к sfl.css из макета (build-r26.sh его перезаписывает, этот файл - нет).
 */

/* шаги и поля другой ветки (лист / труба) скрыты: у .step и .qf свой display, hidden его не перебивает */
.r26-sfl .step[hidden],.r26-sfl .qf[hidden]{display:none}

/* поле с подписью внутри шага */
.r26-sfl .fq{display:flex;flex-direction:column;gap:8px}
.r26-sfl .fq-l{font-size:14px;font-weight:600;color:var(--ink-dark)}

/* шаг 1: подсказка видна у выбранной плитки, высота плиток одинаковая */
.r26-sfl .tube-opts .hint-rec{margin-top:auto}

/* труба, шаг 2: форма (две плитки) и размер - поле с ползунком, под ним шкала серий (доли: до 220 / 220–350 / 350–650 мм) */
.r26-sfl .shapes{grid-template-columns:repeat(2,minmax(0,1fr))}
.r26-sfl .dia-in{position:relative}
.r26-sfl .dia-in input{display:block;width:100%;height:52px;border:1px solid #58636E;border-radius:var(--radius);background:#fff;padding:0 52px 0 16px;font-size:20px;font-weight:600;color:var(--ink-dark);-moz-appearance:textfield;transition:border-color .2s,box-shadow .2s}
.r26-sfl .dia-in input::-webkit-outer-spin-button,.r26-sfl .dia-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.r26-sfl .dia-in input:focus{outline:none !important;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,73,193,.15)}
.r26-sfl .dia-in .unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted)}
.r26-sfl .fq input[type="range"]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:24px;margin:2px 0 0;padding:0;border:0;background:transparent;cursor:pointer}
.r26-sfl .fq input[type="range"]:focus{outline:none !important}
.r26-sfl .fq input[type="range"]:focus-visible{outline:3px solid var(--blue) !important;outline-offset:2px !important;border-radius:4px}
.r26-sfl .fq input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#D3E6FB 0 32.8%,#9DBBEA 32.8% 53.1%,#3A8DFF 53.1% 100%)}
.r26-sfl .fq input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.r26-sfl .fq input[type="range"]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#D3E6FB 0 32.8%,#9DBBEA 32.8% 53.1%,#3A8DFF 53.1% 100%)}
.r26-sfl .fq input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.r26-sfl .dia-scale{display:grid;grid-template-columns:210fr 130fr 300fr;gap:3px;font-size:11px;line-height:1.3;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.r26-sfl .dia-scale span{padding-top:5px;border-top:3px solid #D3E6FB;text-align:center;transition:color .2s}
.r26-sfl .dia-scale span:nth-child(2){border-color:#9DBBEA}
.r26-sfl .dia-scale span:nth-child(3){border-color:#3A8DFF}
.r26-sfl .dia-scale small{display:block;font-size:11px;text-transform:none;letter-spacing:0}
.r26-sfl .dia-scale span.on{color:var(--blue);font-weight:700}

/* стенка трубы: пять плиток, последняя шире */
.r26-sfl .step[data-cut="tube"] .chips .opt:last-child{grid-column:span 2}

/* фото рекомендации без анимации появления: при анимации opacity/transform ломается mix-blend-mode, и фон фото на миг белый */
.r26-sfl .rec.swap .rec-pic{animation:none}

/* «Based on your answers»: подпись на своей строке, ответы - одной строкой без переноса, иначе блок меняет высоту при вводе размера */
.r26-sfl .rec .basis{white-space:nowrap}
.r26-sfl .rec .basis b{display:block;overflow:hidden;text-overflow:ellipsis}

/* мощность больше, чем у серии: пояснение под значением */
.r26-sfl .specs b small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#9FB0C6}

/* под карточками серий: трубные и комбинированные станки отдельно, вне подбора */
.r26-sfl .lineup-more{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:28px;font-size:15px;line-height:1.5;color:var(--muted);text-align:center}
.r26-sfl .lineup-more a{color:var(--blue);font-weight:600;text-decoration:none}
.r26-sfl .lineup-more a:hover{text-decoration:underline}

/* каталог трубных лазеров: серия = фото + описание + таблица моделей + конфигурация (таблица KAMITEKA, 11.2026) */
.r26-sfl .tubes{padding-top:0}
.r26-sfl .tubes-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px}
.r26-sfl .tubes-nav a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink-dark);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}
.r26-sfl .tubes-nav a:hover{border-color:var(--blue);color:var(--blue)}
.r26-sfl .tseries{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px;align-items:start;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;scroll-margin-top:90px}
.r26-sfl .tseries+.tseries{margin-top:16px}
.r26-sfl .tseries .img{display:block;aspect-ratio:16/10}
.r26-sfl .tseries .img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.r26-sfl .tseries h3{font-size:22px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
.r26-sfl .tseries .tsum{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink)}
.r26-sfl .tseries .trange{display:inline-flex;margin-top:12px;padding:5px 10px;border-radius:4px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.r26-sfl .tscroll{margin-top:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.r26-sfl .tmodels{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.4}
.r26-sfl .tmodels th,.r26-sfl .tmodels td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.r26-sfl .tmodels th{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.r26-sfl .tmodels td:first-child{font-weight:700;color:var(--ink-dark);white-space:nowrap}
.r26-sfl .tspec{margin-top:14px}
.r26-sfl .tspec summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--blue)}
.r26-sfl .tspec dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:12px 0 0;font-size:14px;line-height:1.45}
.r26-sfl .tspec dt{color:var(--muted)}
.r26-sfl .tspec dd{margin:0;color:var(--ink-dark)}
.r26-sfl .tubes-sub{margin:36px 0 16px;text-align:center;font-size:17px;font-weight:600;color:var(--ink-dark)}
.r26-sfl .tubes .lineup-more{margin-top:32px}

@media (max-width:1100px){
  .r26-sfl .tseries{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;padding:20px}
}
@media (max-width:760px){
  .r26-sfl .lineup-more{flex-direction:column;font-size:14px}
  .r26-sfl .tseries{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
  .r26-sfl .tseries .img{max-width:420px;margin:0 auto}
  .r26-sfl .tspec dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .r26-sfl .tspec dd{margin-bottom:8px}
}