*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}




.inc-gravel-container { max-width:600px; margin:40px auto; background:#fff; padding:30px; border-radius:14px; 
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.inc-gravel-title { text-align:center; margin-bottom:25px;}
.inc-gravel-row { display:flex; gap:15px; margin-bottom:18px; flex-wrap: wrap; }
.inc-gravel-group { flex:1 1 30%; min-width:100px; }
.inc-gravel-label { font-weight:600; display:block; margin-bottom:6px; }
.inc-gravel-input, .inc-gravel-select { width:100%; padding:12px; border-radius:8px; border:1px solid #ccc; font-size:15px; }
.inc-gravel-btn { width:100%; padding:14px; background:linear-gradient(135deg,#4a90e2,#357abd); color:#fff; border:none; border-radius:10px; font-size:16px; cursor:pointer; }
.inc-gravel-result { margin-top:25px; padding:20px; background:#f4f9ff; border-left:5px solid #4a90e2; border-radius:10px; display:none; }
.inc-gravel-result p { margin:8px 0; white-space: pre-line;}

@media(max-width: 768px){
  .inc-gravel-container {margin:20px auto; background:#fff; padding:20px;}


}