.sbt-card{

background:#fff;

border-radius:18px;

padding:30px;

box-shadow:0 8px 30px rgba(0,0,0,.08);

transition:.3s;

}

.sbt-card:hover{

transform:translateY(-5px);

}
.sbt-category-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

margin:40px 0;

}

.sbt-category-card{

background:#ffffff;

padding:35px;

border-radius:18px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

text-align:center;

transition:.3s;

}

.sbt-category-card:hover{

transform:translateY(-6px);

}

.sbt-category-card img{

width:72px;

height:72px;

object-fit:contain;

margin-bottom:20px;

}

.sbt-category-card h3{

margin-bottom:10px;

}

.sbt-category-card a{

text-decoration:none;

color:#0F172A;

}

.sbt-category-card p{

font-weight:700;

color:#2563EB;

}

.sbt-related-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

margin:50px 0;

}

.sbt-related-card{

background:#fff;

padding:25px;

border-radius:18px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.3s;

}

.sbt-related-card:hover{

transform:translateY(-8px);

}

.sbt-related-card img{

width:100%;

border-radius:12px;

margin-bottom:18px;

}

.sbt-related-card h3{

margin-bottom:12px;

}

.sbt-related-card a{

text-decoration:none;

}

.sbt-btn{

display:inline-block;

margin-top:15px;

padding:10px 20px;

background:#2563EB;

color:#fff !important;

border-radius:8px;

}



.sbt-related-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:30px;

margin:50px 0;

}

.sbt-related-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 8px 25px rgba(0,0,0,.08);

transition:.3s;

}

.sbt-related-card:hover{

transform:translateY(-6px);

}

.sbt-related-card img{

width:100%;

display:block;

}

.sbt-related-card h3{

padding:20px 20px 10px;

font-size:22px;

}

.sbt-related-card p{

padding:0 20px 20px;

color:#666;

}

.sbt-button{

display:inline-block;

margin:0 20px 20px;

background:#2563EB;

color:#fff;

padding:12px 22px;

border-radius:8px;

text-decoration:none;

}

.sbt-button:hover{

background:#1D4ED8;

}


.sbt-breadcrumb{

font-size:15px;

margin:20px 0;

color:#64748B;

}

.sbt-breadcrumb a{

text-decoration:none;

color:#2563EB;

font-weight:600;

}

.sbt-breadcrumb span{

color:#0F172A;

font-weight:700;

}


.sbt-calculator{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

margin:50px 0;

}

.sbt-calculator-header{

margin-bottom:30px;

}

.sbt-fields{

display:grid;

gap:20px;

margin-bottom:30px;

}

.sbt-calculate{

background:#2563EB;

color:#fff;

padding:15px 30px;

border:none;

border-radius:10px;

cursor:pointer;

font-size:18px;

font-weight:600;

}

.sbt-results{

margin-top:40px;

}


.sbt-field{

margin-bottom:25px;

}

.sbt-field label{

display:block;

font-weight:600;

margin-bottom:8px;

}

.sbt-input{

width:100%;

padding:14px;

border:1px solid #CBD5E1;

border-radius:10px;

font-size:16px;

}

.sbt-currency,
.sbt-percent{

display:flex;

align-items:center;

border:1px solid #CBD5E1;

border-radius:10px;

overflow:hidden;

}

.sbt-currency span,
.sbt-percent span{

padding:0 15px;

background:#F8FAFC;

font-weight:bold;

}

.sbt-currency input,
.sbt-percent input{

border:none;

flex:1;

padding:14px;

}


.sbt-result-card{

background:#F8FAFC;

padding:30px;

margin-top:35px;

border-radius:16px;

text-align:center;

box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.sbt-result-card h2{

font-size:46px;

margin-bottom:10px;

color:#2563EB;

}

.sbt-result-card p{

font-size:18px;

color:#475569;

}


.sbt-buttons{

display:flex;

gap:15px;

margin-top:25px;

}

.sbt-reset{

background:#E2E8F0;

color:#0F172A;

border:none;

padding:15px 30px;

border-radius:10px;

cursor:pointer;

font-weight:600;

}

.sbt-reset:hover{

background:#CBD5E1;

}

.sbt-error{

margin-top:20px;

color:#DC2626;

font-weight:600;

}

.sbt-loading{

opacity:.6;

pointer-events:none;

}

.sbt-result-title{

font-size:18px;
font-weight:600;
color:#334155;
margin-bottom:15px;

}

.sbt-result-value{

font-size:52px;
font-weight:700;
color:#2563EB;
margin-bottom:20px;

}

.sbt-result-message{

font-size:16px;
line-height:1.7;
color:#475569;

}