#tools{}
#tools #breadcrumbs{margin-top:20px!important;}
#tools .page{margin-top:0!important;padding-top:0!important;}



#tools.index-page{margin:162px auto 100px}
#tools.index-page .tools-section {margin-top:60px; }
#tools.index-page .tool-card {position:relative; margin:40px 0 10px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
#tools.index-page .tool-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
#tools.index-page .tool-card img {width: 100%}
#tools.index-page .tool-card .inf {position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px 15px 15px;box-sizing:border-box;background:rgba(0,0,0,.6);}
#tools.index-page .tool-card .inf *{color:#fff}
#tools.index-page .tool-card .inf h3 {position:relative;color: white; font-size:20px;margin-top:0}
#tools.index-page .tool-card .inf h3:after{display: block;content: '';width: 75px;height:2px;margin:10px 0 12px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}



#tools.ies-page{margin:112px auto 100px}
#tools.ies-page #file {overflow:hidden}
#tools.ies-page #file .form{}
#tools.ies-page #file .textFormat{margin-top:30px}
#tools.ies-page #file .form .box{overflow:hidden;padding:7px 10px;background:#fafafa;border-bottom:1px solid #eee}
#tools.ies-page #file .form .box p{float:left;width:50%;text-align:right;display:block;line-height:30px}
#tools.ies-page #file .form .box input,
#tools.ies-page #file .form .box select {float:right;width:45%;display:block;height:30px;line-height:30px}
#tools.ies-page #file .textFormat .btn {margin-top:30px}




#tools.cable_calculation-page {margin:112px auto 100px}
#tools.cable_calculation-page .form{}
#tools.cable_calculation-page .result{}
#tools.cable_calculation-page .form .form-group {display:flex; flex-wrap:nowrap;gap:20px;align-items: center; margin-top:10px;}
#tools.cable_calculation-page .form *{font-size:12px}
#tools.cable_calculation-page .form .form-group label {flex:1 1 calc(50% - 10px); margin-right: 10px; text-align: right;}
#tools.cable_calculation-page .form .form-group input,
#tools.cable_calculation-page .form .form-group select {flex:1 1 calc(50% - 10px); padding:0 8px;box-sizing:border-box; border: 1px solid #ccc; border-radius: 5px;}
#tools.cable_calculation-page .form .toggle-container {display: flex; gap:20px;align-items: center; justify-content:flex-end; margin-top: 15px;}
#tools.cable_calculation-page .form .toggle {width:calc(34% - 14px);display: inline-block; text-align:center;padding:5px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; box-sizing:border-box}
#tools.cable_calculation-page .form .toggle.selected {background-color:#ddd; color:#000}
#tools.cable_calculation-page .form button {width: 100%; margin-top:20px; padding:10px 15px!important;font-size:18px!important}
#tools.cable_calculation-page .result #result {margin-top: 20px; padding: 10px; background-color: #e9f7ef; border: 1px solid #d4edda; border-radius: 5px;}
#tools.cable_calculation-page .result .error {border-color: red;}
#tools.cable_calculation-page .result .error-message {color: red; margin-top: 10px; display: none;}
#tools.cable_calculation-page .table {margin:100px 0 50px;overflow-x: auto;-webkit-overflow-scrolling: touch}
#tools.cable_calculation-page table {width: 100%; border-collapse: collapse}
#tools.cable_calculation-page table *{font-size:10px}
#tools.cable_calculation-page th,
#tools.cable_calculation-page td {border:1px solid #aaa; padding:10px 5px; text-align: center;vertical-align:middle}
#tools.cable_calculation-page th {background-color:#ddd; color:#000;}
#tools.cable_calculation-page tr:nth-child(even) {background-color: #f9f9f9;}
#tools.cable_calculation-page tr:hover {background-color: #f1f1f1;}

@keyframes fadeInUp {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes zoomFade {0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}
#tools.cable_calculation-page #hs45_slide {margin-top:80px;background:linear-gradient(135deg,#f8f9fa,#e0e0e0);padding:5vh 0}
#tools.cable_calculation-page #hs45_slide .screen {display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;min-height:100vh;gap:30px;width:100%}
#tools.cable_calculation-page #hs45_slide .screen .r {width:100%;padding:0 20px;display:flex;justify-content:center}
#tools.cable_calculation-page #hs45_slide .screen .r img {width:100%;max-width:100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.2));opacity:0;transform:scale(0.9);animation:zoomFade 1.5s ease 0.2s forwards}
#tools.cable_calculation-page #hs45_slide .screen .l {width:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#tools.cable_calculation-page #hs45_slide .screen .l h1 {font-weight:400;font-size:28px;color:#222;text-shadow:0 1px 1px #fff;margin-bottom:20px;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease 0.4s forwards}
#tools.cable_calculation-page #hs45_slide .screen .l .icons {margin-top:20px;display:flex;gap:10px;flex-wrap:nowrap;justify-content:center}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div {width:calc((100% - 10px) / 3);padding:10px;background:linear-gradient(135deg,#ffffff,#f9f9f9);border-radius:12px;box-shadow:0 6px 20px -10px rgba(0,0,0,0.08);opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease forwards;transition:transform 0.3s ease, box-shadow 0.3s ease;text-align:center}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(1){animation-delay:0.6s}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(2){animation-delay:0.8s}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(3){animation-delay:1s}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:hover {transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px -10px rgba(0,0,0,0.1)}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div img {width:30%;margin-bottom:10px}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div p {margin:0}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div p span {margin-top:5px;display:block;font-weight:400}
#tools.cable_calculation-page #hs45_slide .screen .l button {width:100%;max-width:300px;margin-top:30px;padding:12px;font-size:18px;font-weight:500;color:#fff;background:linear-gradient(135deg,#c62828,#ff4236);border:none;border-radius:30px;cursor:pointer;transition:all 0.4s ease;box-shadow:0 6px 20px rgba(198,40,40,0.3);opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease 1.2s forwards}
#tools.cable_calculation-page #hs45_slide .screen .l button:hover {transform:translateY(1px);box-shadow:inset 0 4px 8px rgba(0,0,0,0.2)}
#tools.cable_calculation-page #hs45_slide .screen .r p {text-align:center; cursor:pointer;text-transform:uppercase;text-decoration:underline}

#tools.cable_calculation-page #text {margin-top:80px}



#tools.light_calculation-page {margin:112px auto 100px}
#tools.light_calculation-page #item {overflow:hidden;padding:15px;margin:20px 0 40px}
#tools.light_calculation-page #item .image{text-align:center}
#tools.light_calculation-page #item .image img{max-width:100%}
#tools.light_calculation-page #item .inf{margin-top:30px}
#tools.light_calculation-page #item .inf .parameters {margin-top:20px}
#tools.light_calculation-page #item .inf .parameters div{display:flex;flex-wrap:nowrap;gap:3%;}
#tools.light_calculation-page #item .inf .parameters div p{flex:0 0 45%}
#tools.light_calculation-page #item .inf .parameters div p:first-child{text-align:right}
#tools.light_calculation-page #item .inf .btns{margin-top:30px; display:flex; flex-wrap: nowrap; gap:5%;align-items: center}
#tools.light_calculation-page #item .inf .btns *{width:auto!important;vertical-align:top!important;flex:0 0 47.5%;font-size:14px;line-height:30px!important;text-transform:uppercase; box-sizing:border-box}
#tools.light_calculation-page #item .inf a.download {padding:10px 10px 10px 45px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;border:1px solid #eee;background-size:30px;background-position:10px 50%;background-repeat:no-repeat}
#tools.light_calculation-page #item .inf a.download:hover {background-color:#eee}
#tools.light_calculation-page #item .inf p.download_disable {padding:10px;background-color:#f1f1f1;font-size:20px;line-height:40px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaa}
#tools.light_calculation-page #item .inf .cart{padding:10px 15px!important}
#tools.light_calculation-page .container {overflow:hidden}
#tools.light_calculation-page .controls {padding:20px; background: #f5f5f5; border-radius: 8px;box-sizing:border-box}
#tools.light_calculation-page .room-view {display:grid; float:right; width:100%; margin-top:20px; position: relative; height: auto; border: 1px solid #ccc; box-sizing:border-box}
#tools.light_calculation-page .form-group {margin-bottom: 15px;}
#tools.light_calculation-page .form-group label {display: block; margin-bottom: 5px; font-weight: bold;}
#tools.light_calculation-page .form-group input {width: 100%; margin-top:2px;padding: 8px; border: 1px solid #ddd; border-radius: 4px;}
#tools.light_calculation-page .form-group p {font-size:10px;margin-top:5px}
#tools.light_calculation-page .radio-group {margin: 10px 0;}
#tools.light_calculation-page .radio-group label {margin-left: 5px;}
#tools.light_calculation-page .color-scale {height: 20px; background: linear-gradient(to right, black 0%, #5b0000 4%, #800080 8%, #4682b4 10%, #00bfff 14%, #40e0d0 19%, #7fff00 23%, #008000 30%, yellow 40%, #ff8c00 60%, red 80%, #ff69b4 90%, white 100%); margin-top: 20px;}
#tools.light_calculation-page .scale-labels {display: flex; justify-content: space-between; margin-top: 5px; font-size: 12px;}
#tools.light_calculation-page .grid-cell {border:0px solid rgba(50, 50, 50, 0.1); width: 100%; height: 100%; box-sizing: border-box;}
#tools.light_calculation-page .fixture {position: absolute; width: 20px; aspect-ratio: 1 / 1; background: #000; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2;}
#tools.light_calculation-page .calculate-btn {width: 100%; padding: 12px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 15px;}
#tools.light_calculation-page .result-info {margin-top: 15px; padding: 10px; background: #e9ecef; border-radius: 4px;}
#tools.light_calculation-page .switch-field {display: flex; justify-content: space-between; margin: 15px 0;}
#tools.light_calculation-page .switch {display: flex; align-items: center; cursor: pointer;}
#tools.light_calculation-page .switch input {display: none;}
#tools.light_calculation-page .switch-label {padding: 10px 20px; background: #ddd; border-radius: 4px; font-size: 14px; transition: background 0.3s, color 0.3s;}
#tools.light_calculation-page .switch input:checked + .switch-label {background: #007bff; color: white;}
#tools.light_calculation-page .textFormat {margin-top:100px}