.amirc-wrap { --red:#A32A39; --bg:#F4F4F4; box-sizing:border-box; }
.amirc-wrap *, .amirc-wrap *:before, .amirc-wrap *:after { box-sizing:border-box; margin:0; padding:0; }

.amirc-container {
  display:flex; gap:26px; justify-content:space-evenly; align-items:flex-start; flex-wrap:nowrap;
  width:100%; max-width:1500px; margin:0 auto;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.amirc-col { min-width:0; }
.amirc-ami { flex:0 1 340px; }
.amirc-utils-col { flex:0 1 560px; }
.amirc-results { flex:0 1 500px; }

.amirc-title { display:flex; flex-direction:column; }
.amirc-title img { width:48px; height:48px; }
.amirc-title h3 { font-size:16px; font-weight:normal; color:#000; opacity:.6; margin:18px 0 20px 24px; }
.amirc-utils-head { display:flex; justify-content:space-between; padding-right:107px; }

.amirc-card { background:#fff; border-radius:8px; color:#2C2C2C; }
.amirc-card-ami { width:100%; min-height:300px; padding:35px 30px; display:flex; flex-direction:column; align-items:center; }
.amirc-ami-input { position:relative; width:100%; }
.amirc-ami-ic { display:flex; justify-content:space-between; align-items:center; font-size:24px; margin-bottom:20px; }
.amirc-ami-ic span { cursor:pointer; user-select:none; }
.amirc-ami-input input { width:100%; cursor:pointer; }
.amirc-ami-bottom { width:100%; display:flex; margin-top:40px; justify-content:space-between; align-items:center; font-size:20px; color:#8A8D97; font-family:"Rubik",sans-serif; }
.amirc-current { font-size:36px; color:#2C2C2C; }
.amirc-current span { font-size:20px; }

.amirc-range {
  --range:calc(var(--max) - var(--min));
  --ratio:calc((var(--val) - var(--min))/var(--range));
  --sx:calc(.5*3em + var(--ratio)*(100% - 3em));
  -webkit-appearance:none; appearance:none; width:100%; background:transparent; font:1em/1 arial,sans-serif;
}
.amirc-range::-webkit-slider-runnable-track { height:12px; border:none; background:linear-gradient(to right,#fff 0%,#7D2C36 100%) 0/var(--sx) 100% no-repeat #E6EAF4; }
.amirc-range::-moz-range-track { height:12px; border:none; background:#E6EAF4; }
.amirc-range::-moz-range-progress { height:12px; background:linear-gradient(to right,#fff,#7D2C36); }
.amirc-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; margin-top:-10px; width:30px; height:30px; background:var(--red); border:10px solid var(--bg); box-shadow:0 0 10px #aaa; border-radius:50%; cursor:pointer; }
.amirc-range::-moz-range-thumb { width:30px; height:30px; background:var(--red); border:10px solid var(--bg); box-shadow:0 0 10px #aaa; border-radius:50%; cursor:pointer; }

.amirc-card-utils { width:100%; min-height:300px; padding:33px 30px 51px; font-family:"Rubik",sans-serif; }
.amirc-util-first { display:flex; padding-bottom:35px; justify-content:space-between; align-items:center; border-bottom:2px dashed rgba(0,0,0,.23); }
.amirc-util-first h4 { font-size:16px; font-family:"Inter",sans-serif; }
.amirc-util-second { display:flex; justify-content:space-between; }
.amirc-left { padding-top:18px; display:flex; flex-direction:column; gap:22px; font-family:"Inter",sans-serif; }
.amirc-left-item { display:flex; flex-direction:column; gap:10px; font-size:16px; color:#000; }
.amirc-left-item h4 { font-size:16px; font-weight:600; }
.amirc-stove { width:100%; border-top:2px dashed rgba(0,0,0,.23); border-bottom:2px dashed rgba(0,0,0,.23); padding:15px 0; }
.amirc-sc { width:100%; max-width:330px; }
.amirc-slider { -webkit-appearance:none; appearance:none; width:100%; height:8px; cursor:pointer; border-radius:4px; background:linear-gradient(to right,#fff -10%,#000 50%,#fff 100%); }
#amirc-heat, #amirc-hotwater { background:linear-gradient(to right,#fff 0,#000 30%,#fff 50%,#000 70%,#fff 100%); }
.amirc-slider::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:var(--red); border:2px solid #fff; box-shadow:0 0 4px #888; cursor:pointer; }
.amirc-slider::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:var(--red); border:2px solid #fff; cursor:pointer; }
.amirc-slabels { margin-top:16px; display:flex; justify-content:space-between; cursor:pointer; font-family:"Rubik",sans-serif; font-size:12px; color:#8A8D97; gap:8px; }
.amirc-slabels span { white-space:nowrap; }
.amirc-slabels span:nth-child(2) { text-align:center; }
.amirc-slabels span.active { color:#2C2C2C; font-weight:500; }

.amirc-right { width:166px; }
.amirc-right-contain { display:flex; margin-top:42px; gap:90px; flex-direction:column; }

.amirc-toggle-c { display:flex; align-items:center; justify-content:center; gap:10px; }
.amirc-tlabel { font-size:16px; font-family:Helvetica,sans-serif; cursor:pointer; color:#2C2C2C; }
.amirc-tlabel.on { font-weight:700; }
.amirc-switch { position:relative; display:inline-block; width:39px; height:25px; }
.amirc-switch input { opacity:0; width:0; height:0; }
.amirc-knob { position:absolute; inset:0; cursor:pointer; background:#000; border-radius:34px; transition:.3s; }
.amirc-knob:before { position:absolute; content:""; height:20px; width:20px; left:2px; bottom:2.5px; background:#fff; border-radius:50%; transition:.3s; }
.amirc-switch input:checked + .amirc-knob { background:var(--red); }
.amirc-switch input:checked + .amirc-knob:before { transform:translateX(15px); }

.amirc-card-results { width:100%; min-height:300px; padding:20px 20px 40px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.amirc-table { width:100%; border-collapse:collapse; font-family:"Inter",sans-serif; color:#000; }
.amirc-table thead th { font-size:15px; font-weight:bold; text-align:center; padding:0 14px 14px; line-height:1.3; white-space:nowrap; }
.amirc-table tbody td { padding:12px 14px; font-size:15px; text-align:center; white-space:nowrap; }
.amirc-table tbody td:first-child { text-align:left; font-weight:bold; padding-left:5px; white-space:nowrap; }
.amirc-download { width:300px; max-width:100%; height:60px; border:none; border-radius:8px; margin-top:20px; font-size:22px; cursor:pointer; font-family:"Inter",sans-serif; background:var(--red); color:#fff; }
.amirc-download:hover { opacity:.92; }

@media (max-width:1100px){ .amirc-container{ gap:20px; } }
@media (max-width:900px){
  .amirc-container{ flex-wrap:wrap; }
  .amirc-ami, .amirc-utils-col, .amirc-results{ flex:1 1 100%; }
  .amirc-utils-head{ padding-right:0; }
}