#belt-finder{max-width:100%;margin:24px 0 18px;color:#143b57;font:inherit}
#belt-finder *{box-sizing:border-box}
#belt-finder .bf-selector{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);overflow:hidden;border:1px solid #cee4ef;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(13,66,101,.08)}
#belt-finder .bf-controls{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(22px,3vw,42px)}
#belt-finder .bf-step{display:flex;align-items:center;gap:10px;margin-bottom:20px}
#belt-finder .bf-step-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#dff5fb;color:#116a90;font-size:13px;font-weight:800}
#belt-finder .bf-step h3{flex:1;margin:0;color:#123b58;font-size:21px}
#belt-finder .bf-reset{padding:8px 4px;border:0;background:none;color:#4a7189;cursor:pointer;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#belt-finder .bf-parameter{padding:clamp(17px,1.6vw,22px);border:1px solid #cfe4ef;border-radius:18px;background:#f7fcff;box-shadow:inset 0 1px 0 #fff}
#belt-finder .bf-parameter+.bf-parameter{margin-top:14px}
#belt-finder .bf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#belt-finder .bf-head label{color:#183d58;font-size:17px;font-weight:800}
#belt-finder .bf-head strong{color:#057daf;font-size:28px;white-space:nowrap}
#belt-finder .bf-head strong.is-empty{padding:7px 11px;border:1px solid #d2e6ef;border-radius:999px;background:#eaf6fb;color:#52768d;font-size:13px;line-height:1.2;font-weight:700}
#belt-finder input[type=range]{display:block;width:100%;height:44px;margin:13px 0 0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#38bee5 var(--filled,50%),#c9dfe9 var(--filled,50%)) center/100% 6px no-repeat;cursor:pointer;touch-action:pan-y}
#belt-finder input[type=range]::-webkit-slider-thumb{width:28px;height:28px;border:4px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:#119ac8;box-shadow:0 0 0 2px #4cc9ed,0 3px 9px rgba(7,65,95,.2)}
#belt-finder input[type=range]::-moz-range-thumb{width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#119ac8;box-shadow:0 0 0 2px #4cc9ed,0 3px 9px rgba(7,65,95,.2)}
#belt-finder .bf-ends{display:flex;justify-content:space-between;gap:10px;color:#718b9d;font-size:13px}
#belt-finder .bf-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#belt-finder .bf-quick button{min-width:60px;min-height:44px;padding:8px 10px;border:1px solid #c5dfea;border-radius:10px;background:#fff;color:#2c5872;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
#belt-finder .bf-quick button[aria-pressed=true]{border-color:#33b7e0;background:#dcf6fd;color:#075677}
#belt-finder .bf-accuracy{margin:13px 2px 0;color:#69869a;font-size:13px;line-height:1.45}
#belt-finder .bf-result{display:flex;flex-direction:column;min-width:0;border-left:1px solid #cee4ef;background:linear-gradient(180deg,rgba(7,29,46,.12) 0%,rgba(7,29,46,.48) 35%,rgba(7,29,46,.92) 66%,#0b2b43 100%),url('/assets/generated/belt-finder-conveyor-operation-v1.webp') center top/cover no-repeat;background-color:#0b2b43;color:#fff}
#belt-finder .bf-photo{display:none}
#belt-finder .bf-result-body{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:560px;padding:clamp(165px,15vw,205px) clamp(22px,3vw,38px) 30px}
#belt-finder .bf-kicker{margin:0 0 10px;color:#91d9f2;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#belt-finder .bf-result h3{margin:0 0 12px;color:#fff;font-size:clamp(27px,2.8vw,39px);line-height:1.15}
#belt-finder .bf-result h3 span{color:#9ee9fb}
#belt-finder .bf-result.is-empty h3 span{display:block;margin-top:10px;color:#b7d9e8;font-size:clamp(18px,1.7vw,23px);font-weight:600;line-height:1.28}
#belt-finder .bf-result p{margin:0 0 15px;color:#d2e5f0;line-height:1.5}
#belt-finder .bf-notice{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#cde2ef;font-size:13px;line-height:1.45}
#belt-finder .bf-notice::before{content:"";flex:0 0 9px;height:9px;border-radius:50%;background:#6bd0e8}
#belt-finder .bf-notice[hidden]{display:none}
#belt-finder .bf-primary,#belt-finder .bf-secondary{display:flex;align-items:center;justify-content:center;min-height:50px;padding:11px 17px;border-radius:12px;text-align:center;text-decoration:none;font-weight:800}
#belt-finder .bf-primary{justify-content:space-between;gap:15px;border:1px solid #75d4ed;background:#8be4f8;color:#092d43}
#belt-finder .bf-primary span{font-size:23px;line-height:1}
#belt-finder .bf-primary[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}
#belt-finder .bf-result.is-empty .bf-primary{border-color:rgba(139,228,248,.42);background:rgba(139,228,248,.16);color:#e0f5fb;opacity:1}
#belt-finder .bf-secondary{margin-top:9px;border:1px solid #779bb0;color:#fff}
#belt-finder :is(button,select,input,a):focus-visible{outline:3px solid #f5b13e;outline-offset:3px}
#belt-original-catalog{margin-top:17px;border:1px solid #cfe3ef;border-radius:16px;background:#fff}
#belt-original-catalog>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;padding:15px 20px;color:#164764;font-weight:800;cursor:pointer;list-style:none}
#belt-original-catalog>summary::-webkit-details-marker{display:none}
#belt-original-catalog>summary::after{content:"+";display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;background:#e2f6fd;color:#1683ab;font-size:21px;font-weight:400}
#belt-original-catalog[open]>summary::after{content:"−"}
#belt-original-catalog>.bf-catalog-content{padding:0 20px 23px}
#belt-original-catalog h3{margin:18px 0 9px;font-size:17px}
#belt-original-catalog .grid{display:flex;flex-wrap:wrap;gap:8px}
#belt-original-catalog .grid a{width:auto;min-height:42px;padding:9px 12px;border:1px solid #c9e1ed;border-radius:9px;background:#f6fcff;color:#1d6687;text-decoration:none;font-size:14px;font-weight:700}
#belt-original-catalog .grid a:hover{background:#e1f5fd}
@media(max-width:850px){#belt-finder .bf-selector{grid-template-columns:1fr}#belt-finder .bf-controls{justify-content:flex-start}#belt-finder .bf-result{border-left:0;border-top:1px solid #cee4ef}#belt-finder .bf-result-body{min-height:560px}}
@media(max-width:600px){#belt-finder{margin:18px 0}#belt-finder .bf-selector{border-radius:17px}#belt-finder .bf-controls{padding:16px}#belt-finder .bf-step h3{font-size:18px}#belt-finder .bf-parameter{padding:15px}#belt-finder .bf-head label{font-size:16px}#belt-finder .bf-head strong{font-size:25px}#belt-finder .bf-head strong.is-empty{font-size:12px;padding:6px 9px}#belt-finder .bf-result{background-position:center top}#belt-finder .bf-result-body{min-height:0;padding:clamp(165px,45vw,205px) 20px 23px}#belt-finder .bf-result h3{font-size:29px}#belt-finder .bf-result.is-empty h3 span{font-size:18px}#belt-original-catalog>.bf-catalog-content{padding:0 16px 20px}}
#belt-catalog,#form{scroll-margin-top:100px}
#form.bf-compact-form{padding:clamp(20px,2.7vw,32px)}
#form .bf-form-intro{margin-bottom:17px}
#form .bf-form-intro h2{margin:0 0 5px;font-size:clamp(24px,2.4vw,32px);line-height:1.18}
#form .bf-form-intro p{margin:0;color:#56738a;line-height:1.45}
#form #belt-calculation-form{display:grid;gap:14px}
#form .bf-fast-contact,#form .bf-fast-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#form label{min-width:0;gap:6px;font-size:15px}
#form :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;min-height:46px;border:1px solid #b6d4e4;border-radius:10px;padding:10px 12px;background:#fff;color:#143c5d;font:inherit;font-size:16px}
#form :is(input,select,textarea):focus-visible{outline:3px solid rgba(99,215,245,.35);outline-offset:1px;border-color:#24a6d0}
#form .bf-contact-note{margin:-5px 0 0;color:#5c788c;font-size:13px;line-height:1.4}
#form .bf-form-optional{border:1px solid #c8e0ed;border-radius:13px;background:#f6fbfe}
#form .bf-form-optional summary{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 15px;color:#174562;font-weight:800;cursor:pointer;list-style:none}
#form .bf-form-optional summary::-webkit-details-marker{display:none}
#form .bf-form-optional summary span{margin-left:auto;color:#6b8597;font-size:13px;font-weight:600}
#form .bf-form-optional summary::after{content:"+";display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;background:#dff4fb;color:#1483aa;font-size:20px;line-height:1}
#form .bf-form-optional[open] summary::after{content:"−"}
#form .bf-optional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 15px 16px}
#form .bf-wide-field{grid-column:1/-1}
#form textarea{min-height:86px;resize:vertical}
#form input[type=file]{height:auto;min-height:46px;padding:9px 10px}
#form label small{color:#688297;font-size:12px;font-weight:500}
#form .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.45}
#form .consent input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;padding:0}
#form .consent a{color:#087ba7;font-weight:700}
#form .btn{justify-self:start;min-height:48px;margin:0;padding:12px 22px;font:inherit;font-weight:800}
#form .form-status{margin:0}
@media(max-width:600px){
  #belt-catalog,#form{scroll-margin-top:78px}
  #belt-finder .bf-step{margin-bottom:14px}
  #belt-finder .bf-step h3{line-height:1.2}
  #belt-finder .bf-reset{min-height:44px}
  #belt-finder .bf-parameter+.bf-parameter{margin-top:12px}
  #belt-finder .bf-head{align-items:center;flex-wrap:wrap}
  #belt-finder .bf-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #belt-finder .bf-quick button{width:100%;min-width:0;min-height:44px}
  #belt-finder .bf-result h3{font-size:clamp(25px,7.5vw,29px)}
  #belt-finder .bf-result{scroll-margin-top:78px}
  #belt-finder .bf-primary,#belt-finder .bf-secondary{min-height:52px;font-size:15px}
  #form.bf-compact-form{padding:18px 16px}
  #form .bf-form-intro{margin-bottom:14px}
  #form .bf-form-intro h2{font-size:24px}
  #form .bf-fast-contact{grid-template-columns:1fr;gap:11px}
  #form .bf-fast-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  #form .bf-fast-spec label:last-child{grid-column:1/-1}
  #form .bf-optional-grid{grid-template-columns:1fr;gap:11px}
  #form .bf-wide-field{grid-column:auto}
  #form .bf-form-optional summary{flex-wrap:wrap;font-size:14px}
  #form .bf-form-optional summary span{font-size:12px}
  #form .btn{width:100%;justify-self:stretch;font-size:16px}
}