@import url('/theme/core/views/199b11ef5d/assets/css/produkt.min.css?rnd=1786621728');

:root{--theme-color:#E3572B;--theme-color2:#66D6FF;--theme-color3:#EBF9FF;
  --dark-color:#2F3541;--dark-color2:#2583DB;--dark-color3:#252932;
  --WhiteColor:#FFFFFF;--gray-color:#8A8FA3;--title-font:Roboto;--body-font:Roboto}
html body{background:#EBF9FF;color:#46536A;font-family:'Roboto',system-ui,sans-serif}
main.im-blog{background:#EBF9FF;padding-top:118px}
main.im-blog,.im-blog__wrap{font-family:'Roboto',system-ui,sans-serif}
@media(max-width:991px){main.im-blog{padding-top:92px}}

.im-blog__head{
  width:auto;margin:0 0 34px;border-radius:20px;padding:44px 48px 46px;text-align:left;
  background:
    linear-gradient(100deg,rgba(43,111,146,.55) 0%,rgba(43,111,146,.18) 45%,rgba(43,111,146,0) 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23ffffff' fill-opacity='.11'%3E%3Cpath d='M52 24c10 16 16 26 16 34a16 16 0 1 1-32 0c0-8 6-18 16-34Z'/%3E%3Cpath d='M190 120c7 11 11 18 11 24a11 11 0 1 1-22 0c0-6 4-13 11-24Z'/%3E%3Ccircle cx='120' cy='210' r='7'/%3E%3Ccircle cx='230' cy='40' r='5'/%3E%3Ccircle cx='30' cy='150' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M132 60c8 13 13 21 13 28a13 13 0 1 1-26 0c0-7 5-15 13-28Z'/%3E%3Ccircle cx='70' cy='215' r='10'/%3E%3C/g%3E%3C/svg%3E") 0 0/260px,
    linear-gradient(100deg,#4190BB 0%,#67abd0 55%,#93CCE7 100%)}
.im-blog__head::before{display:none}
.im-blog__head::after,.im-blog__head:after{display:none}
.im-blog__head h1{font-family:'Roboto',sans-serif;font-size:clamp(30px,3.4vw,44px);letter-spacing:0;line-height:1.1;margin:0 0 10px}
.im-blog__head .im-blog__sub{margin:0;max-width:62ch;color:#fff;text-shadow:0 1px 2px rgba(21,58,84,.25)}

.im-blog__head .im-hero__crumb{justify-content:flex-start;margin:0 0 12px}
@media(max-width:620px){.im-blog__head{padding:28px 22px 30px}}

@media(min-width:992px){.im-blog__wrap{max-width:none;padding:46px 80px 0}}
.im-blog__list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1250px){.im-blog__list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.im-blog__list.is-grid{grid-template-columns:minmax(0,1fr)}}

.im-blog__view{border-color:rgba(37,131,219,.2);border-radius:12px}
.im-blog__vbtn.is-active{background:#EBF9FF;color:#4190BB;box-shadow:0 2px 6px -2px rgba(21,58,84,.25)}
.im-blog__vbtn:hover{color:#2F3541}

.im-card{border-radius:20px;border-color:rgba(37,131,219,.14)}
.im-card:hover{box-shadow:0 22px 44px -26px rgba(21,58,84,.4);border-color:rgba(37,131,219,.3)}
.im-blog__list.is-grid .im-card:not(.im-card--press) .im-card__body{border-top:3px solid #4190BB}
.im-blog__list.is-list .im-card:not(.im-card--press) .im-card__body::before{background:linear-gradient(180deg,#4190BB,#4190BB)}
.im-card__title{font-family:'Roboto',sans-serif;font-weight:700}
.im-card__title a:hover{color:#4190BB}

.im-card__more{
  color:#4190BB;border:1.5px solid rgba(65,144,187,.4);border-radius:999px;
  padding:8px 18px;font-size:13.5px;
  transition:background .18s,color .18s,border-color .18s,box-shadow .18s,gap .18s}
.im-card__more:hover{
  background:#4190BB;border-color:#4190BB;color:#fff;
  box-shadow:0 10px 22px -10px rgba(65,144,187,.65)}
.im-card__excerpt{color:#5A6472}
.im-card__meta{color:#8A93A3}

.im-card__cat{
  background:#E3572B;color:#fff;border-radius:7px;
  padding:3px 9px;font-size:10.5px;letter-spacing:.07em;
  box-shadow:0 6px 14px -8px rgba(227,87,43,.55)}

.im-post__body{background:#fff;border:1px solid rgba(37,131,219,.12);border-radius:22px;
  padding:34px 40px 38px;box-shadow:0 18px 40px -30px rgba(21,58,84,.35)}
@media(max-width:620px){.im-post__body{padding:22px 20px 26px;border-radius:18px}}
.im-post h1,.im-post__content h2,.im-post__content h3{font-family:'Roboto',sans-serif;color:#2F3541;letter-spacing:0}

.im-post h1{font-size:clamp(28px,3vw,38px);line-height:1.18;margin:0 0 14px;text-wrap:balance}
.im-post__content{font-size:17px;line-height:1.75;max-width:74ch}
.im-post__content > *:first-child{margin-top:0}
.im-post__content p{margin:0 0 18px}
.im-post__content h2{font-size:26px;line-height:1.25;margin:34px 0 12px;text-wrap:balance}
.im-post__content h3{font-size:20px;line-height:1.3;margin:26px 0 10px}
.im-post__content ul,.im-post__content ol{margin:0 0 18px;padding-left:22px}
.im-post__content li{margin:7px 0}
.im-post__content li::marker{color:#4190BB}
.im-post__content blockquote{margin:24px 0;padding:4px 0 4px 20px;font-size:18px}
.im-post__content img,.im-post__content iframe,.im-post__content video{max-width:100%;margin:22px 0}

.im-post__content hr{border:0;border-top:1px solid rgba(37,131,219,.16);margin:28px 0}
.im-post__meta{margin-bottom:24px;padding-bottom:18px}

.im-post__hero{border-radius:20px;box-shadow:inset 0 0 0 1px rgba(37,131,219,.16)}
.im-post__meta{color:#8A93A3;border-bottom-color:rgba(37,131,219,.14)}
.im-post__meta .im-chip{border-radius:999px;padding:5px 15px;background:#E3572B;letter-spacing:.06em}
.im-post__content{color:#46536A}
.im-post__content a{color:#4190BB}
.im-post__content a:hover{color:#E3572B}
.im-post__content blockquote{border-left-color:#4190BB;color:#5A6472}
.im-post__content img{border-radius:16px}
.im-post__content iframe{max-width:100%;border-radius:16px}
.im-post__content ul{list-style:disc}
.im-post__content ol{list-style:decimal}
.im-post__content li{margin:6px 0}
.im-post__tags .im-tag{border-radius:999px;background:#EBF9FF;border-color:rgba(37,131,219,.2);color:#4190BB}
.im-post__tags .im-tag:hover{border-color:#E3572B;color:#E3572B}
.im-post__back{color:#5B7A93}
.im-post__back:hover{color:#4190BB}

.im-post__content .im-tabulka,.im-post__content table{width:100%;border-collapse:separate;border-spacing:0;
  margin:24px 0;font-size:15px;background:#fff;border:1px solid rgba(37,131,219,.16);border-radius:14px;overflow:hidden}
.im-post__content table th{background:#EBF9FF;color:#2F3541;text-align:left;font-weight:700;
  padding:11px 14px;border-bottom:1px solid rgba(37,131,219,.18);white-space:nowrap}
.im-post__content table td{padding:10px 14px;border-bottom:1px solid rgba(37,131,219,.1);vertical-align:top}
.im-post__content table tr:last-child td{border-bottom:0}
.im-post__content table tr:nth-child(even) td{background:#F7FBFE}
.im-post__content table td:first-child{font-variant-numeric:tabular-nums;font-weight:600;color:#2F3541;white-space:nowrap}

.im-post__content .im-tab-obal{overflow-x:auto;margin:24px 0}
.im-post__content .im-tab-obal table{margin:0}

.im-post__content > p:first-of-type{font-size:19px;line-height:1.7;color:#2F3541}

.im-post__content strong{color:#2F3541;font-weight:700}
.im-post__content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;
  background:#EBF9FF;color:#2F3541;padding:2px 7px;border-radius:6px}
.im-post__content blockquote{background:#F4F9FD;border-left:4px solid #4190BB;border-radius:0 12px 12px 0;
  padding:14px 20px;font-style:normal;color:#46536A}
.im-post__content figure{margin:24px 0}
.im-post__content figcaption{font-size:13.5px;color:#8A93A3;margin-top:8px}

.im-post__content a{text-decoration:none;border-bottom:1px solid rgba(65,144,187,.4)}
.im-post__content a:hover{border-bottom-color:#E3572B}

.im-side__box{border-radius:20px;border-color:rgba(37,131,219,.14)}
.im-side__box h3{font-family:'Roboto',sans-serif;color:#2F3541}
.im-side__box h3:after{background:#4190BB}
.im-side__cats a{color:#5A6472;border-bottom-color:#EDF4FA}
.im-side__cats a:hover,.im-side__cats a.active{color:#4190BB}
.im-side__cats .cnt{background:#EBF9FF;color:#4190BB}
.im-side__recent .th{border-radius:10px}
.im-side__recent a:hover .tt{color:#4190BB}

.im-pager a,.im-pager span{border-radius:12px;border-color:rgba(65,144,187,.22);color:#5A6472}
.im-pager a:hover{border-color:#4190BB;color:#4190BB}
.im-pager .cur{background:#4190BB;color:#fff;border-color:#4190BB}
.im-blog__empty{color:#8A93A3}

.pg-more{background:#4190BB;box-shadow:0 12px 26px -12px rgba(43,111,146,.6)}
.pg-more__label:hover,.pg-more__toggle:hover{background:#2B6F92}
.pg-menu{box-shadow:0 24px 54px -18px rgba(21,58,84,.4)}
.pg-menu__head{color:#8A93A3}
.pg-menu__item{color:#2F3541}
.pg-menu__item:hover{background:#EBF9FF;color:#4190BB}
.pg-menu__item.is-active{color:#4190BB;background:#EBF9FF}