.porter{width:46%;height:130px;border-radius:4px;margin-right:2%;border:2px solid #ccc;cursor:pointer;margin-bottom:15px;}
.porter:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);}
.porter1{width:200px;height:120px;border-radius:4px;margin-right:5px;border:2px solid #ccc;cursor:pointer;margin-bottom:15px;}
.porter1:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);}
#hodo{font-size:12pt;padding:5px;background:#ccc url(/img/volna.png) repeat-x center center;margin-bottom:15px;border-radius:4px;font-weight:bold;}
#poito{margin-bottom:10px;}
.maron{width:100%;min-width:200px;height:25px;border:1px solid #ccc;border-radius:5px;}
.maron2{width:350px;height:25px;border:1px solid #ccc;border-radius:5px;}
#adpoint{background:url(/img/addpoint.png) no-repeat center center;width:75px;height:60px;border:0px;border-radius:4px;cursor:pointer;}
#calco{
  display: flex; width: 100%; height: 32px; align-items: center; justify-content: center;
  background: var(--accent); color: #fff; border: none; border-radius: 4px;
  font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px;
  cursor: pointer; text-decoration: none; transition: background 0.2s;
}
#prisbutton input{border-radius:5px;height:40px;width:200px;background:#f78913;color:#fff;font-size:12pt;margin-top:15px;cursor:pointer;border:0px;}
#calco:hover,#adpoint:hover, #prisbutton input:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);}
#loading{margin-left:20px;}
#loading img{width:30px;height:30px;border-radius:4px;}
#prisprice{font-size:12pt;margin-top:15px;border:2px solid #f78913;border-radius:4px;padding:5px;}
#prizma{font-size:12pt;margin-top:15px;border:2px solid #ccc;border-radius:4px;padding:5px;background:#ececec;}
#pozo{margin:3px;border:1px solid #f7f7f7;padding:3px;background:#fff;border-radius:5px;}
.motop,.mobot{width:20px;height:13px;border:0px;cursor:pointer;}
.motop{background:url(/img/motop.png) no-repeat center center;}
.mobot{background:url(/img/mobot.png) no-repeat center center;}
.budel{width:20px;height:26px;background:url(/img/budel.png) no-repeat center center;border:0px;cursor:pointer;}
.rozz{width:100%;}
#dostlay{border-radius:4px;padding:10px;border:1px solid #ccc;background:#fff;}
#icv img{width:250px;border-radius:4px;}
#ictab{margin-bottom:20px;}
#ictab td{padding:5px;}
#okkalk{width:150px;border-radius:5px;height:40px;
background: #028ed2 url(/img/volna2.png) repeat-x center left;color:#fff;font-size:12pt;margin-top:15px;cursor:pointer;border:0px;}
.rezdp{width:80px;height:25px;border:1px solid #ccc;border-radius:5px;font-size:10pt;}
.rezdp0{text-align:center;width:80px;height:25px;border:0px solid #ccc;border-radius:5px;font-size:10pt;color:#333;background:none;}
.rezdp1{text-align:center;width:80px;height:25px;border:0px solid #ccc;border-radius:5px;font-size:10pt;color:#333;background:none;}



    .cr-main-d { display: flex; width: 100%; }
    .cr-visual-d {
      flex-grow: 1; padding: 10px;
      display: flex; flex-direction: column; background: #fff;
    }
    .cr-img img { width: 100%; height: 100%; object-fit: contain; }
    .cr-panel-d {
      width: 40%; 
      flex-shrink: 0; background: #fff; padding: 0px 15px 0px 15px;
      border-left: 1px solid var(--line);
      display: flex; flex-direction: column;
      position: relative;
    }