/* Našeptávač */
#whisperFrame {width: 1000px; height: auto; display: flex; position: absolute; z-index: 400; top: calc(100% + 2px); left: -150px;}
#whisperFrame .inner {width: 100%; height: auto !important; padding: 0; border-top: 5px #212a36 solid; position: relative; margin: 10px 0px 0px 0px;}
#whisperFrame .inner::before {position: absolute; top: -15px; right: 390px; content: ''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #212a36;}
#whisperFrame .inner .close {width: auto; height: auto; float: left; position: absolute; color: #000; font-size: 40px; top: -30px; right: -27px; line-height: 20px; opacity: 0.7; z-index: 11;}
#whisperFrame .inner .close:HOVER {opacity: 1;}
#whisperFrame .inner .content {width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding: 20px; background-color: #FFF; border: 2px #212a36 solid; border-top: 0px;}
#whisperFrame .inner .content h2 {margin: 0 0 15px 0;}
#whisperFrame .inner .content .left {width: 200px; margin: 0 20px 0 0; display: flex; flex-direction: column;}
#whisperFrame .inner .content .left a:hover {text-decoration: underline;}
#whisperFrame .inner .content .left h2 {margin: 15px 0;}
#whisperFrame .inner .content .left h2:first-child {margin: 0 0 15px 0;}
#whisperFrame .inner .content .right {flex: 1; display: flex; flex-direction: column; align-items: flex-start;}
#whisperFrame .inner .content .right .items {display: flex; flex-wrap: wrap; gap: 20px;}
#whisperFrame .inner .content .right .items .item {width: calc(25% - 15px); background-color: rgba(41,166,174,0.10); border: 4px transparent solid;}
#whisperFrame .inner .content .right .items .item:hover {border-color: #e2e3e3;}
#whisperFrame .inner .content .right .items .item .photo {width: 100%; height: 124px; padding: 10px; display: flex; align-items: center; justify-content: center;}
#whisperFrame .inner .content .right .items .item .photo IMG {max-height: 100%; max-width: 100%;}
#whisperFrame .inner .content .right .items .item .noPhoto {width: 100%; height: 210px; padding: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0.5;}
#whisperFrame .inner .content .right .items .item .noPhoto IMG {max-height: 50%; max-width: 50%;}
#whisperFrame .inner .content .right .items .item .desc {width: 100%; padding: 0 20px; display: flex; flex-direction: column; align-items: center;}
#whisperFrame .inner .content .right .items .item .desc H3 {font-size: 14px; margin: 0 0 10px 0; color: #212a36; text-align: center;}

#whisperFrame .inner .content .btnVsechnyVysledky {width: 100%; margin-top: 20px;}
#whisperFrame .inner .content .btnVsechnyVysledky a {width: 100%; display: block; padding: 10px; background-color: #f3f3f5; text-transform: uppercase; font-size: 15px; font-weight: 500; text-align: center;}
#whisperFrame .inner .content .btnVsechnyVysledky a:hover {background-color: #e2e3e3;}





.searchListFrame {width: 800px; margin: 0px auto;}
.searchListFrame .itemDesc {width: 100%; height: 50px; float: left; border-bottom: 1px #eee solid; padding: 10px 15px; margin: 30px 0px 0px 0px; display: flex; align-items: center; background-color: #f7f7f7; font-size: 16px; font-weight: 600;}
.searchListFrame .item {width: 100%; float: left; border-bottom: 1px #eee solid; padding: 8px 10px; font-size: 14px; font-weight: 300; background-color: #ffffff; display: flex; align-items: center;}
.searchListFrame .item .photo {width: 60px; margin: 10px 10px 10px 0px; float: left;}
.searchListFrame .item .photo IMG {width: 60px; float: left;}
.searchListFrame .item .productName {width: calc(100% - 260px); display: flex; flex-direction: column;}
.searchListFrame .item .name {font-weight: 600; font-size: 16px;}
.searchListFrame .item .variant {font-weight: 400; font-size: 15px;}
.searchListFrame .item .prices P {margin: 2px 0px; font-size: 16px;}
.searchListFrame .item .prices {width: 190px; float: left;}
.searchListFrame .item .prices .priceVat {color: #ed2d5b; font-weight: 600;}
.searchListFrame .item:HOVER {background-color: #f7f7f7;}
.searchListFrame .item .text {flex: 1; font-size: 16px;}
.searchListFrame .item.textList {padding: 10px 10px;}
@media only screen
and (max-width: 840px)
{
  .searchListFrame {width: 100%;}
}
@media only screen
and (max-width: 700px)
{
  .searchListFrame .item {flex-wrap: wrap;}
  .searchListFrame .item .productName {width: calc(100% - 70px);}
  .searchListFrame .item .prices {width: 100%; display: flex; justify-content: flex-start; padding: 0px 0px 0px 10px;}
  .searchListFrame .item .prices .priceVat {margin-right: 10px;}
}
@media only screen
and (max-width: 430px)
{
  .searchListFrame .item .prices {flex-direction: column;}
}