:root{--vk-bg: #ffffff;--vk-grey: #f5f5f5;--vk-line: #e3e3e3;--vk-line-dark: #c8c8c8;--vk-ink: #1f1f1f;--vk-ink-2: #444444;--vk-muted: #666666;--vk-green: #0f7a5f;--vk-green-dark: #0b5c48;--vk-cta: #e8730c;--vk-cta-dark: #c75f04;--vk-price: #c62828;--vk-star: #f2a900;--vk-star-off: #d9d9d9;--vk-note-bg: #fff8e1;--vk-note-line: #eedc9a;--vk-note-ink: #5c4400;--vk-font: "Helvetica Neue", Arial, sans-serif;--vk-r: 4px;--vk-r-sm: 3px;--vk-container: 1280px;--vk-gutter: 16px;--vk-section: 28px}
@media (min-width: 768px){:root{--vk-gutter: 24px; --vk-section: 40px}
}
*, *::before, *::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth}
body{margin: 0; background: var(--vk-bg); color: var(--vk-ink); font: 400 15px/1.5 var(--vk-font); overflow-x: hidden}
h1, h2, h3, h4, p, ul, ol, figure, dl, dd, blockquote{margin: 0}
h1, h2, h3, h4{font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--vk-ink)}
img{display: block; max-width: 100%; height: auto}
a{color: inherit}
button, select, input{font: inherit; color: inherit}
s, del{color: var(--vk-muted)}
:focus-visible{outline: 2px solid var(--vk-green); outline-offset: 2px}
.vk-visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0}
.vk-skip:focus{position: fixed; top: 8px; left: 8px; z-index: 100; width: auto; height: auto; margin: 0; padding: 8px 12px; clip: auto; overflow: visible; border-radius: var(--vk-r); background: var(--vk-green); color: #ffffff; font-size: 14px}
.vk-container{width: 100%; max-width: var(--vk-container); margin: 0 auto; padding: 0 var(--vk-gutter)}
.vk-section{padding: var(--vk-section) 0}
.vk-section--grey{background: var(--vk-grey)}
.vk-section--line{padding-top: 0}
.vk-section--related{margin-top: 16px}
.vk-section--line > .vk-container::before{content: ""; display: block; height: 1px; margin-bottom: var(--vk-section); background: var(--vk-line)}
.vk-narrow{max-width: 860px}
.vk-section__head{display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin-bottom: 16px}
.vk-h1{font-size: 26px; line-height: 1.2; font-weight: 700}
.vk-h2{font-size: 20px; line-height: 1.25; font-weight: 700}
.vk-h3{font-size: 17px; line-height: 1.3; font-weight: 700}
@media (min-width: 768px){.vk-h1{font-size: 30px}
.vk-h2{font-size: 22px}
}
.vk-note{font-size: 13px; line-height: 1.45; color: var(--vk-ink-2)}
.vk-note a{color: var(--vk-ink-2)}
.vk-fineprint{margin-top: 12px; font-size: 12px; line-height: 1.5; color: var(--vk-muted)}
.vk-disclaimer{font-size: 12px; line-height: 1.5; color: var(--vk-ink-2)}
.vk-more{display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 700; color: var(--vk-green-dark); text-decoration: none}
.vk-more:hover{text-decoration: underline; text-underline-offset: 3px}
.vk-i{flex: none}
.vk-stars{display: inline-flex; gap: 1px; vertical-align: middle}
.vk-stars svg{flex: none; width: 14px; height: 14px}
.vk-star--on{fill: var(--vk-star)}
.vk-star--off{fill: var(--vk-star-off)}
.vk-ring{display: block; flex: none}
.vk-ring__track{fill: none; stroke: var(--vk-line)}
.vk-ring__bar{fill: none; stroke: var(--vk-green)}
.vk-ring__num{font-family: var(--vk-font); font-weight: 700; fill: var(--vk-ink)}
.vk-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid var(--vk-cta); border-radius: var(--vk-r); background: var(--vk-cta); color: #ffffff; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer}
.vk-btn:hover{background: var(--vk-cta-dark); border-color: var(--vk-cta-dark)}
.vk-btn--lg{min-height: 46px; padding: 0 22px; font-size: 16px}
.vk-btn--ghost{background: var(--vk-bg); border-color: var(--vk-line-dark); color: var(--vk-ink)}
.vk-btn--ghost:hover{background: var(--vk-bg); border-color: var(--vk-ink-2)}
.vk-btn--card{width: 100%; min-height: 38px; padding: 0 10px; background: var(--vk-green); border-color: var(--vk-green); font-size: 14px}
.vk-btn--card:hover{background: var(--vk-green-dark); border-color: var(--vk-green-dark)}
.vk-cta.vk-cta-link{display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 0 20px; border: 0; border-radius: var(--vk-r); background: var(--vk-cta); color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer}
.vk-cta.vk-cta-link:hover{background: var(--vk-cta-dark)}
.vk-cta--lg.vk-cta-link{min-height: 50px; font-size: 17px}
.vk-ad-label{display: block; margin-top: 4px; font-size: 11px; color: var(--vk-muted); text-align: right}
.vk-topbar{background: var(--vk-grey); border-bottom: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 12px}
.vk-topbar__list{display: flex; justify-content: center; align-items: center; gap: 32px; height: 30px; margin: 0 auto; list-style: none; white-space: nowrap; overflow: hidden}
.vk-topbar__list li{display: inline-flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; text-overflow: ellipsis}
.vk-topbar__list .vk-i{color: var(--vk-green)}
.vk-topbar__list li:nth-child(n+2){display: none}
@media (min-width: 768px){.vk-topbar__list li:nth-child(2){display: inline-flex}
}
@media (min-width: 1024px){.vk-topbar__list{justify-content: space-between}
.vk-topbar__list li:nth-child(3){display: inline-flex}
}
.vk-head{position: relative; z-index: 40; background: var(--vk-bg); border-bottom: 1px solid var(--vk-line)}
.vk-head__row{display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "logo burger" "search search"; align-items: center; gap: 10px 12px; padding: 10px 0 12px}
.vk-logo{grid-area: logo; display: inline-flex; align-items: center; gap: 8px; color: var(--vk-ink); font-size: 21px; font-weight: 700; text-decoration: none; white-space: nowrap}
.vk-logo__mark{display: block; width: 32px; height: 32px; flex: none}
.vk-head .vk-search{grid-area: search; display: flex; align-items: stretch; height: 42px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r); background: var(--vk-bg); overflow: hidden}
.vk-head .vk-search:focus-within{border-color: var(--vk-green)}
.vk-head .vk-search input{flex: 1; min-width: 0; padding: 0 12px; border: 0; background: transparent; font-size: 16px; outline: none}
.vk-head .vk-search input::placeholder{color: var(--vk-muted)}
.vk-search__btn{display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; border: 0; background: var(--vk-green); color: #ffffff; font-size: 14px; font-weight: 700; cursor: pointer}
.vk-search__btn:hover{background: var(--vk-green-dark)}
.vk-search__btn span{display: none}
.vk-head__links{display: none}
.vk-burger{grid-area: burger; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; width: 48px; height: 44px; color: var(--vk-ink); cursor: pointer}
.vk-burger__label{font-size: 11px}
.vk-burger__open, .vk-burger__close{display: inline-flex}
.vk-burger__close{display: none}
.vk-nav-toggle{position: absolute; opacity: 0; pointer-events: none}
.vk-nav-toggle:checked ~ .vk-head__row .vk-burger__open{display: none}
.vk-nav-toggle:checked ~ .vk-head__row .vk-burger__close{display: inline-flex}
.vk-nav-toggle:focus-visible ~ .vk-head__row .vk-burger{outline: 2px solid var(--vk-green); outline-offset: 2px}
.vk-nav{display: none}
.vk-nav-toggle:checked ~ .vk-nav{display: block; border-top: 1px solid var(--vk-line)}
.vk-nav__list{display: flex; flex-direction: column; margin: 0; padding: 4px 0 12px; list-style: none}
.vk-nav__item a{display: flex; align-items: center; gap: 8px; padding: 11px 0; border-bottom: 1px solid var(--vk-line); color: var(--vk-ink); font-size: 15px; text-decoration: none}
.vk-nav__item a:hover, .vk-nav__item a[aria-current="page"]{color: var(--vk-green-dark)}
.vk-nav__item a[aria-current="page"]{font-weight: 700}
.vk-nav__item--all a{font-weight: 700}
.vk-nav__item--all .vk-i{color: var(--vk-ink-2)}
.vk-nav__item--page a{color: var(--vk-ink-2); font-size: 14px}
.vk-nav__short{display: none}
.vk-catbar{border-top: 1px solid var(--vk-line)}
.vk-catbar__row{display: flex; gap: 20px; overflow-x: auto; scrollbar-width: none}
.vk-catbar__row::-webkit-scrollbar{display: none}
.vk-catbar a{flex: none; padding: 10px 0 8px; border-bottom: 2px solid transparent; color: var(--vk-ink); font-size: 14px; text-decoration: none; white-space: nowrap}
.vk-catbar a[aria-current="page"]{border-bottom-color: var(--vk-green); color: var(--vk-green-dark); font-weight: 700}
.vk-head:has(.vk-nav-toggle:checked) .vk-catbar{display: none}
@media (min-width: 768px){.vk-head__row{grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "logo search burger"; gap: 24px; padding: 14px 0}
.vk-logo{font-size: 23px}
.vk-logo__mark{width: 36px; height: 36px}
.vk-head .vk-search{height: 44px; max-width: 620px}
.vk-head .vk-search input{font-size: 15px}
.vk-search__btn{padding: 0 18px}
.vk-search__btn span{display: inline}
}
@media (min-width: 1024px){.vk-head__row{grid-template-areas: "logo search links"; gap: 24px}
.vk-burger{display: none}
.vk-head__links{grid-area: links; display: flex; gap: 16px}
.vk-head__links a{display: inline-flex; flex-direction: column; align-items: center; gap: 3px; color: var(--vk-ink-2); font-size: 12px; text-decoration: none; text-align: center; white-space: nowrap}
.vk-head__links a:hover, .vk-head__links a[aria-current="page"]{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
.vk-nav, .vk-nav-toggle:checked ~ .vk-nav{display: block; border-top: 1px solid var(--vk-line)}
.vk-nav__list{flex-direction: row; align-items: stretch; gap: 0; padding: 0}
.vk-nav__item a{gap: 6px; height: 44px; padding: 0 12px; border-bottom: 2px solid transparent; font-size: 14px}
.vk-nav__item a:hover{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
.vk-nav__item a[aria-current="page"]{border-bottom-color: var(--vk-green); text-decoration: none}
.vk-nav__item--all{margin-right: 6px; border-right: 1px solid var(--vk-line)}
.vk-nav__item--all a{padding-left: 0; padding-right: 16px}
.vk-nav__item--page{display: none}
.vk-nav__full{display: none}
.vk-nav__short{display: inline}
.vk-catbar{display: none}
}
@media (min-width: 1200px){.vk-head__row{gap: 32px}
.vk-head__links{gap: 22px}
.vk-nav__item a{padding: 0 14px}
}
.vk-crumbs{display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 12px 0 0; color: var(--vk-muted); font-size: 13px; list-style: none}
.vk-crumbs li + li::before{content: "\203A"; margin-right: 4px}
.vk-crumbs a{color: var(--vk-ink-2); text-decoration: none}
.vk-crumbs a:hover{color: var(--vk-green-dark); text-decoration: underline}
.vk-hero{padding: 16px 0 0}
.vk-hero__banner{position: relative; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg); overflow: hidden}
.vk-hero__photo img{width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; object-position: 75% 40%}
.vk-hero__panel{padding: 16px}
.vk-hero__title{font-size: 23px; line-height: 1.22; hyphens: auto}
.vk-hero__lead{margin-top: 8px; color: var(--vk-ink-2); font-size: 15px}
.vk-hero__panel .vk-btn{width: 100%; margin-top: 16px}
@media (min-width: 768px){.vk-hero__title{hyphens: manual}
.vk-hero__banner{display: flex; align-items: center; min-height: 340px}
.vk-hero__photo{position: absolute; inset: 0}
.vk-hero__photo img{height: 100%; aspect-ratio: auto; object-position: 70% 35%}
.vk-hero__panel{position: relative; width: min(460px, 56%); margin: 24px; padding: 24px; border-radius: var(--vk-r); background: var(--vk-bg)}
.vk-hero__title{font-size: 26px}
.vk-hero__panel .vk-btn{width: auto}
}
@media (min-width: 1024px){.vk-hero__banner{min-height: 380px}
.vk-hero__panel{margin: 32px 40px; padding: 28px 30px}
.vk-hero__title{font-size: 28px}
}
@media (min-width: 1200px){.vk-hero__banner{min-height: 420px}
.vk-hero__panel{width: 470px}
.vk-hero__title{font-size: 30px}
}
.vk-usp{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 16px 0 0; padding: 4px 0; list-style: none; border-top: 1px solid var(--vk-line); border-bottom: 1px solid var(--vk-line)}
.vk-usp li{display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: start; column-gap: 6px; padding: 8px 0}
.vk-usp .vk-i{grid-row: span 2; margin-top: 2px; color: var(--vk-green)}
.vk-usp b{font-size: 13px; line-height: 1.35}
.vk-usp span{display: none; color: var(--vk-ink-2); font-size: 13px; line-height: 1.45}
@media (min-width: 768px){.vk-usp{gap: 0 24px; padding: 8px 0}
.vk-usp li{padding: 10px 0}
.vk-usp b{font-size: 14px}
.vk-usp span{display: block}
}
@media (min-width: 1200px){.vk-usp{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0}
.vk-usp li{padding: 10px 20px}
.vk-usp li:first-child{padding-left: 0}
.vk-usp li + li{border-left: 1px solid var(--vk-line)}
}
.vk-notice{padding: 12px 14px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg); color: #555555; font-size: 13px; line-height: 1.5}
.vk-notice__t{margin-bottom: 2px; color: var(--vk-ink); font-size: 14px; font-weight: 700}
.vk-notice--intro{max-width: 860px; margin-top: 16px}
.vk-notice--home{margin-top: 16px}
@media (min-width: 768px){.vk-notice{font-size: 14px}
.vk-notice--home{display: flex; align-items: baseline; gap: 8px}
.vk-notice--home .vk-notice__t{flex: none; margin: 0}
}
.vk-cats{display: flex; gap: 12px; margin: 0 calc(-1 * var(--vk-gutter)); padding: 0 var(--vk-gutter) 4px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; scroll-padding: 0 var(--vk-gutter); scrollbar-width: none}
.vk-cats::-webkit-scrollbar{display: none}
.vk-cats li{flex: 0 0 92px; scroll-snap-align: start}
.vk-cat{display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--vk-ink); text-align: center; text-decoration: none}
.vk-cat__img{width: 84px; height: 84px; margin-bottom: 6px; border-radius: 50%; object-fit: cover; background: var(--vk-grey)}
.vk-cat__name{font-size: 13px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere}
.vk-cat__count{color: var(--vk-muted); font-size: 12px}
.vk-cat:hover .vk-cat__name{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
@media (min-width: 768px){.vk-cats{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px 16px; margin: 0; padding: 0; overflow: visible}
.vk-cat__img{width: 104px; height: 104px}
.vk-cat__name{font-size: 14px}
}
@media (min-width: 1200px){.vk-cats{grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 16px}
}
.vk-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px}
@media (min-width: 768px){.vk-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px}
}
@media (min-width: 1024px){.vk-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}
}
@media (min-width: 1200px){.vk-grid{grid-template-columns: repeat(5, minmax(0, 1fr))}
}
@media (min-width: 768px){.vk-grid--archive, .vk-grid--three{grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))}
.vk-grid--archive > .vk-card, .vk-grid--three > .vk-card{max-width: 280px}
}
.vk-card{position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg)}
.vk-card:hover{border-color: var(--vk-line-dark)}
.vk-card__media{position: relative; display: block; aspect-ratio: 1 / 1; padding: 12px}
.vk-card__media img{width: 100%; height: 100%; object-fit: contain}
.vk-card__disc{position: absolute; top: 8px; left: 8px; z-index: 1; padding: 3px 6px; border-radius: var(--vk-r-sm); background: var(--vk-price); color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1.2}
.vk-card__flag{position: absolute; top: 8px; right: 8px; z-index: 1; padding: 2px 6px; border: 1px solid var(--vk-green); border-radius: var(--vk-r-sm); background: var(--vk-bg); color: var(--vk-green-dark); font-size: 11px; font-weight: 700; line-height: 1.3}
.vk-card__flag--new{border-color: var(--vk-ink-2); color: var(--vk-ink-2)}
.vk-card__body{display: flex; flex: 1; flex-direction: column; gap: 3px; padding: 0 10px 10px}
.vk-card__name{display: -webkit-box; min-height: 2.7em; overflow: hidden; font-size: 14px; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.vk-card__name a{color: var(--vk-ink); text-decoration: none}
.vk-card__name a:hover{text-decoration: underline; text-underline-offset: 2px}
.vk-card__meta{color: var(--vk-ink-2); font-size: 13px}
.vk-card__rating{display: flex; align-items: center; gap: 4px; color: var(--vk-muted); font-size: 12px}
.vk-card__rating .vk-stars svg{width: 13px; height: 13px}
.vk-card__rating b{color: var(--vk-ink); font-weight: 700}
.vk-card__buy{display: flex; flex-direction: column; gap: 1px; margin-top: auto; padding-top: 6px}
.vk-card__uvp{color: var(--vk-muted); font-size: 12px}
.vk-card__price{color: var(--vk-price); font-size: 19px; font-weight: 700; line-height: 1.2}
.vk-card__unit{color: var(--vk-muted); font-size: 12px}
.vk-card__pending{padding: 2px 0; color: var(--vk-muted); font-size: 13px; line-height: 1.35}
.vk-card__avail{display: flex; align-items: center; gap: 4px; margin: 4px 0 8px; color: var(--vk-green-dark); font-size: 12px; line-height: 1.3}
.vk-card__avail .vk-i{color: var(--vk-green)}
@media (min-width: 768px){.vk-card__body{padding: 0 12px 12px}
.vk-card__price{font-size: 20px}
}
.vk-section--quote{padding: 0}
.vk-quote{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px 0; border-top: 1px solid var(--vk-line); border-bottom: 1px solid var(--vk-line)}
.vk-quote__media img{width: 100%; height: auto; border-radius: var(--vk-r)}
.vk-quote__text .vk-h2{margin-bottom: 12px}
.vk-quote__body p{color: var(--vk-ink); font-size: 17px; line-height: 1.55}
.vk-quote__who{display: flex; flex-direction: column; gap: 2px; margin-top: 16px; font-size: 14px}
.vk-quote__who span{color: var(--vk-muted); font-size: 13px}
.vk-quote__text .vk-more{margin-top: 10px}
@media (min-width: 768px){.vk-quote{grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); align-items: center; gap: 32px; padding: 32px 0}
}
@media (min-width: 1200px){.vk-quote{gap: 48px}
.vk-quote__body p{font-size: 18px}
}
.vk-rg{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px}
@media (min-width: 600px){.vk-rg{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px}
}
@media (min-width: 1024px){.vk-rg{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px}
.vk-rg--three{grid-template-columns: repeat(3, minmax(0, 1fr))}
}
.vk-rg__item{min-width: 0}
.vk-rg__media{display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--vk-r); background: var(--vk-grey)}
.vk-rg__img{width: 100%; height: 100%; object-fit: cover}
.vk-rg__cat{margin-top: 10px; color: var(--vk-green-dark); font-size: 13px; font-weight: 700}
.vk-rg__title{margin-top: 2px; font-size: 16px; line-height: 1.3}
.vk-rg__title a{color: var(--vk-ink); text-decoration: none}
.vk-rg__title a:hover{text-decoration: underline; text-underline-offset: 3px}
.vk-rg__lead{margin-top: 6px; color: var(--vk-ink-2); font-size: 14px; line-height: 1.5}
.vk-topics{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 16px}
@media (min-width: 768px){.vk-topics{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px}
}
.vk-topics__group h3{font-size: 16px; line-height: 1.35}
.vk-topics__group p{margin-top: 4px; color: var(--vk-ink-2); font-size: 14px; line-height: 1.5}
.vk-linklist{margin: 12px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-linklist li{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--vk-line); font-size: 15px}
.vk-linklist a{color: var(--vk-green-dark); font-weight: 700; text-decoration: none}
.vk-linklist a:hover{text-decoration: underline; text-underline-offset: 3px}
.vk-linklist span{flex: none; color: var(--vk-muted); font-size: 13px}
@media (min-width: 768px){.vk-linklist--cols{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; border-top: 0; border-bottom: 1px solid var(--vk-line)}
.vk-linklist--cols li{border-top: 1px solid var(--vk-line); border-bottom: 0}
}
@media (min-width: 1200px){.vk-linklist--cols{grid-template-columns: repeat(3, minmax(0, 1fr))}
}
.vk-how__intro{max-width: 860px; margin-top: 8px; color: var(--vk-ink-2); font-size: 15px; line-height: 1.6}
.vk-how{display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 24px 0 0; padding: 0; list-style: none}
.vk-how__step{display: grid; grid-template-columns: 30px minmax(0, 1fr); align-content: start; column-gap: 10px}
.vk-how__n{grid-row: span 3; color: var(--vk-green); font-size: 28px; font-weight: 700; line-height: 1}
.vk-how__step h3{font-size: 16px; line-height: 1.35}
.vk-how__step h3 a{color: var(--vk-ink); text-decoration: none}
.vk-how__step h3 a:hover{text-decoration: underline; text-underline-offset: 3px}
.vk-how__step p{margin-top: 4px; color: var(--vk-ink-2); font-size: 14px; line-height: 1.55}
.vk-how__step .vk-more{grid-column: 2; justify-self: start; margin-top: 6px}
@media (min-width: 768px){.vk-how{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px}
}
.vk-seo{max-width: 860px}
.vk-seo h2{margin: 0 0 8px; font-size: 20px; line-height: 1.25}
.vk-seo p + h2, .vk-seo ul + h2, .vk-seo ol + h2, .vk-seo details h2, .vk-seo h2 + h2{margin-top: 24px}
.vk-seo h3{margin: 18px 0 6px; font-size: 16px}
.vk-seo p, .vk-seo li{color: var(--vk-ink-2); font-size: 15px; line-height: 1.65}
.vk-seo p + p{margin-top: 10px}
.vk-seo ul, .vk-seo ol{margin: 10px 0; padding-left: 20px}
.vk-seo .vk-note{margin-top: 16px}
@media (min-width: 768px){.vk-seo h2{font-size: 22px}
}
.vk-seo__more > summary, .vk-readmore > summary{display: inline-block; margin-top: 8px; color: var(--vk-green-dark); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; list-style: none}
.vk-seo__more > summary::-webkit-details-marker, .vk-readmore > summary::-webkit-details-marker{display: none}
.vk-seo__more[open] > summary, .vk-readmore[open] > summary{display: none}
.vk-seo__more[open] > p:first-of-type, .vk-readmore[open] > p:first-of-type{margin-top: 10px}
.vk-archive__head{padding: 8px 0 0}
.vk-archive__title{display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px}
.vk-archive__count{color: var(--vk-muted); font-size: 14px}
.vk-archive__intro{max-width: 860px; margin-top: 10px}
.vk-archive__intro p{color: var(--vk-ink-2); font-size: 15px; line-height: 1.6}
.vk-archive__intro p + p{margin-top: 8px}
.vk-expert-line{margin-top: 12px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.5}
.vk-expert-line__img{display: inline-block; width: 24px; height: 24px; margin: -3px 8px 0 0; border-radius: 50%; object-fit: cover; vertical-align: middle}
.vk-expert-updated{display: inline-block; margin-left: 14px}
.vk-expert-line a{color: var(--vk-green-dark)}
.vk-expert-updated{color: var(--vk-muted)}
@media (max-width: 599px){.vk-expert-updated{display: block; margin: 2px 0 0 32px}
}
.vk-subcats{display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none}
.vk-subcats a{display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 4px 10px 4px 12px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r-sm); color: var(--vk-ink); font-size: 14px; text-decoration: none}
.vk-subcats a small{color: var(--vk-muted); font-size: 12px}
.vk-subcats a .vk-i{color: var(--vk-green)}
.vk-subcats a:hover{border-color: var(--vk-green)}
.vk-archive__layout{display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 24px}
.vk-archive__layout > *{min-width: 0}
.vk-archive__main{order: 1}
.vk-side{order: 2; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 16px}
.vk-side__box--filters, .vk-side__box--cats{display: none}
.vk-side__box{padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg)}
.vk-side__h{display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; font-size: 15px}
.vk-side__reset{margin-left: auto; color: var(--vk-green-dark); font-size: 12px; font-weight: 400}
.vk-facet + .vk-facet{margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--vk-line)}
.vk-facet h3{margin-bottom: 4px; font-size: 13px}
.vk-facet ul{margin: 0; padding: 0; list-style: none}
.vk-facet__opt{display: flex; align-items: center; gap: 8px; padding: 5px 0; color: var(--vk-ink); font-size: 14px; text-decoration: none}
.vk-facet__opt small{margin-left: auto; color: var(--vk-muted); font-size: 12px}
.vk-facet__box{flex: none; width: 16px; height: 16px; border: 1px solid #8a8a8a; border-radius: 2px; background: var(--vk-bg)}
.vk-facet__opt:hover{color: var(--vk-green-dark)}
.vk-facet__opt:hover .vk-facet__box{border-color: var(--vk-green)}
.vk-facet__opt.is-on{font-weight: 700}
.vk-facet__opt.is-on .vk-facet__box{border-color: var(--vk-green); background: var(--vk-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat}
.vk-tree{margin: 0; padding: 0; list-style: none}
.vk-tree a{display: flex; align-items: baseline; gap: 8px; padding: 5px 0; color: var(--vk-ink); font-size: 14px; text-decoration: none}
.vk-tree a small{margin-left: auto; color: var(--vk-muted); font-size: 12px}
.vk-tree a:hover{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
.vk-tree a[aria-current="page"]{color: var(--vk-green-dark); font-weight: 700}
.vk-tree ul{margin: 0 0 4px 4px; padding: 0 0 0 12px; border-left: 1px solid var(--vk-line); list-style: none}
.vk-tree ul a{font-size: 13px}
.vk-mfilter{margin-bottom: 16px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r)}
.vk-mfilter > summary{display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none}
.vk-mfilter > summary::-webkit-details-marker{display: none}
.vk-mfilter > summary small{color: var(--vk-muted); font-weight: 400}
.vk-mfilter__body{padding: 0 14px 12px}
.vk-toolbar{display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--vk-line)}
.vk-toolbar__note{color: var(--vk-ink-2); font-size: 12px}
.vk-toolbar__note a{color: var(--vk-ink-2)}
.vk-sort{display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; font-size: 13px}
.vk-sort span{color: var(--vk-ink-2)}
.vk-sort a{padding: 2px 0; border-bottom: 2px solid transparent; color: var(--vk-ink-2); text-decoration: none}
.vk-sort a:hover{color: var(--vk-ink); text-decoration: underline; text-underline-offset: 3px}
.vk-sort a[aria-current="true"]{border-bottom-color: var(--vk-green); color: var(--vk-ink); font-weight: 700}
.vk-pagination{display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 24px 0 0; padding: 0; font-size: 14px; list-style: none}
.vk-pagination a, .vk-pagination span{display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r-sm); text-decoration: none}
.vk-pagination [aria-current="page"]{background: var(--vk-green); border-color: var(--vk-green); color: #ffffff}
.vk-empty{padding: 20px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); color: var(--vk-ink-2); font-size: 15px}
.vk-empty b{display: block; margin-bottom: 4px; color: var(--vk-ink)}
.vk-cat-related{margin-top: 40px}
.vk-cat-related .vk-h3{margin-bottom: 4px}
.vk-archive__text{margin-top: 40px}
.vk-archive__text > .vk-h2{margin-bottom: 4px}
.vk-cat-disclaimer{margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--vk-line)}
@media (min-width: 1024px){.vk-archive__layout{grid-template-columns: 240px minmax(0, 1fr); gap: 32px; align-items: start}
.vk-side, .vk-archive__main{order: 0}
.vk-side__box--filters, .vk-side__box--cats{display: block}
.vk-mfilter{display: none}
}
@media (min-width: 1200px){.vk-archive__layout{grid-template-columns: 260px minmax(0, 1fr); gap: 40px}
}
.vk-faq{margin-top: 12px; border-top: 1px solid var(--vk-line)}
.vk-faq__item{border-bottom: 1px solid var(--vk-line)}
.vk-faq__item > summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; cursor: pointer; list-style: none}
.vk-faq__item > summary::-webkit-details-marker{display: none}
.vk-faq__item > summary h3{font-size: 15px; line-height: 1.4}
.vk-faq__item > summary:hover h3{color: var(--vk-green-dark)}
.vk-faq__item > summary .vk-i{color: var(--vk-ink-2); transform: rotate(90deg); transition: transform .15s}
.vk-faq__item[open] > summary .vk-i{transform: rotate(-90deg)}
.vk-faq__item > p{padding: 0 0 16px; color: var(--vk-ink-2); font-size: 15px; line-height: 1.6}
@media (min-width: 768px){.vk-faq__item > summary h3{font-size: 16px}
}
.vk-product__head{padding: 8px 0 16px}
.vk-product__brand{font-size: 14px}
.vk-product__brand a{color: var(--vk-green-dark); text-decoration: none}
.vk-product__brand a:hover{text-decoration: underline}
.vk-product__title{max-width: 980px; margin-top: 2px}
.vk-product__sub{margin-top: 4px; color: var(--vk-ink-2); font-size: 15px}
.vk-product__meta{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: 8px; font-size: 13px}
.vk-rating{display: inline-flex; align-items: center; gap: 6px; color: var(--vk-ink-2); font-size: 13px; text-decoration: none}
.vk-rating b{color: var(--vk-ink)}
.vk-rating:hover span{text-decoration: underline}
.vk-tags{display: flex; flex-wrap: wrap; margin: 0; padding: 0; color: var(--vk-ink-2); list-style: none}
.vk-tags li:not(:last-child)::after{content: "\00B7"; margin: 0 6px; color: var(--vk-muted)}
.vk-product__top{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px}
.vk-product__top > *{min-width: 0}
.vk-gallery{display: flex; flex-direction: column; gap: 10px}
.vk-gallery__main{position: relative; aspect-ratio: 1 / 1; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg); overflow: hidden}
.vk-gallery__main img{width: 100%; height: 100%; padding: 20px; object-fit: contain}
.vk-gallery__disc{position: absolute; top: 12px; left: 12px; padding: 4px 8px; border-radius: var(--vk-r-sm); background: var(--vk-price); color: #ffffff; font-size: 14px; font-weight: 700; line-height: 1.2}
.vk-thumbs{display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none}
.vk-thumb{display: block; width: 64px; height: 64px; padding: 0; border: 1px solid var(--vk-line); border-radius: var(--vk-r-sm); background: var(--vk-bg); overflow: hidden; cursor: pointer}
.vk-thumb img{width: 100%; height: 100%; padding: 4px; object-fit: contain}
.vk-thumb:hover{border-color: var(--vk-line-dark)}
.vk-thumb[aria-current="true"]{border-color: var(--vk-green); outline: 1px solid var(--vk-green); outline-offset: -2px}
.vk-gallery__legal{align-self: flex-start; color: var(--vk-ink-2); font-size: 13px}
.vk-gallery__legal:hover{color: var(--vk-green-dark)}
.vk-product__side{display: flex; flex-direction: column; gap: 16px}
.vk-buy{padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg)}
.vk-buy__pack{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 14px}
.vk-buy__pack b{padding: 4px 10px; border: 1px solid var(--vk-green); border-radius: var(--vk-r-sm); color: var(--vk-ink); font-size: 14px}
.vk-buy__pricing{display: flex; flex-direction: column; gap: 2px}
.vk-buy__old{display: flex; align-items: center; gap: 8px; color: var(--vk-muted); font-size: 14px}
.vk-buy__disc{padding: 2px 6px; border-radius: var(--vk-r-sm); background: var(--vk-price); color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1.3}
.vk-buy__price{color: var(--vk-price); font-size: 32px; font-weight: 700; line-height: 1.15}
.vk-buy__vat{color: var(--vk-muted); font-size: 12px}
.vk-buy__vat span{color: var(--vk-ink-2)}
.vk-buy__saving{margin-top: 2px; color: var(--vk-green-dark); font-size: 13px; font-weight: 700}
.vk-buy__pending{color: var(--vk-ink-2); font-size: 15px}
.vk-buy__lines{display: grid; gap: 8px; margin: 14px 0; padding: 12px 0; border-top: 1px solid var(--vk-line); border-bottom: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 13px; line-height: 1.4; list-style: none}
.vk-buy__lines li{display: flex; align-items: flex-start; gap: 8px}
.vk-buy__lines .vk-i{margin-top: 1px; color: var(--vk-green)}
.vk-buy__lines b{color: var(--vk-green-dark)}
.vk-buy__cta .vk-cta{width: 100%}
.vk-buy__note{margin-top: 8px; color: var(--vk-muted); font-size: 12px; line-height: 1.45}
.vk-buy__pendingnote{margin-top: 6px; color: var(--vk-note-ink); font-size: 12px}
.vk-buy__trust{display: grid; gap: 6px; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 12px; list-style: none}
.vk-buy__trust li{display: flex; align-items: center; gap: 8px}
.vk-buy__trust .vk-i{color: var(--vk-green)}
.vk-buy--compact{margin-top: 16px}
.vk-infotiles{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-infotiles li{display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 9px 12px 9px 0; border-bottom: 1px solid var(--vk-line)}
.vk-infotiles li:nth-child(even){padding-left: 12px; border-left: 1px solid var(--vk-line)}
.vk-infotiles span{color: var(--vk-muted); font-size: 12px}
.vk-infotiles b{font-size: 14px; line-height: 1.35; overflow-wrap: anywhere}
@media (min-width: 768px){.vk-product__top{grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: start; gap: 24px}
.vk-buy{padding: 20px}
}
@media (min-width: 1200px){.vk-product__top{grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 32px}
}
.vk-keyfacts{margin-top: 24px; padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r)}
.vk-keyfacts__h{font-size: 18px; line-height: 1.3}
.vk-keyfacts__grid{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 10px}
.vk-keyfacts__lead{font-size: 15px; line-height: 1.6}
.vk-keyfacts__list{border-top: 1px solid var(--vk-line)}
.vk-keyfacts__list div{display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--vk-line); font-size: 13px; line-height: 1.45}
.vk-keyfacts__list dt{color: var(--vk-muted)}
.vk-keyfacts__list dd{color: var(--vk-ink)}
@media (min-width: 768px){.vk-keyfacts{padding: 20px 24px}
}
@media (min-width: 1024px){.vk-keyfacts__grid{grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 32px}
}
.vk-jump{position: sticky; top: 0; z-index: 30; margin: 24px calc(-1 * var(--vk-gutter)) 0; padding: 0 var(--vk-gutter); background: var(--vk-bg); border-bottom: 1px solid var(--vk-line)}
.vk-jump ol{display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none}
.vk-jump ol::-webkit-scrollbar{display: none}
.vk-jump li{flex: none}
.vk-jump a{display: block; padding: 12px 0 10px; border-bottom: 2px solid transparent; color: var(--vk-ink-2); font-size: 14px; text-decoration: none; white-space: nowrap}
.vk-jump a:hover{color: var(--vk-ink)}
.vk-jump a[aria-current="true"]{border-bottom-color: var(--vk-green); color: var(--vk-ink)}
@media (min-width: 1024px){.vk-jump{margin: 32px 0 0; padding: 0}
.vk-jump ol{gap: 24px}
}
.vk-product__layout{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 8px}
.vk-product__layout > *{min-width: 0}
.vk-product__main{min-width: 0}
.vk-block{min-width: 0; padding: 24px 0; border-top: 1px solid var(--vk-line); scroll-margin-top: 60px}
.vk-block:first-child{padding-top: 16px; border-top: 0}
.vk-block__h{margin-bottom: 12px; font-size: 20px; line-height: 1.25}
@media (min-width: 768px){.vk-block__h{font-size: 22px}
}
.vk-block__cta{margin-top: 16px}
.vk-block__cta .vk-cta{width: 100%}
@media (min-width: 768px){.vk-block__cta .vk-cta{width: auto; min-width: 320px}
.vk-block__cta .vk-ad-label{display: inline; margin-left: 10px}
}
.vk-prose p, .vk-prose li{color: var(--vk-ink-2); font-size: 15px; line-height: 1.65}
.vk-prose p + p, .vk-prose ul + p, .vk-prose ol + p, .vk-prose p + ul, .vk-prose p + ol{margin-top: 10px}
.vk-prose ul, .vk-prose ol{padding-left: 20px}
.vk-prose li + li{margin-top: 4px}
.vk-prose h3{margin: 18px 0 6px; font-size: 16px}
.vk-prose strong{color: var(--vk-ink)}
.vk-prose a{color: var(--vk-green-dark)}
.vk-prose table{width: 100%; margin: 12px 0; border-collapse: collapse; font-size: 14px}
.vk-prose th, .vk-prose td{padding: 8px 10px; border-bottom: 1px solid var(--vk-line); text-align: left; vertical-align: top}
.vk-prose th{background: var(--vk-grey)}
.vk-dose{margin-bottom: 12px; padding: 10px 14px; border-radius: var(--vk-r); background: var(--vk-grey); font-size: 14px; line-height: 1.5}
.vk-ing{display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-ing__card{display: flex; gap: 12px; min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--vk-line)}
.vk-ing__card > div{min-width: 0}
.vk-ing__img{flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--vk-grey)}
.vk-ing__name{font-size: 15px; line-height: 1.35}
.vk-ing__amount{margin-top: 1px; color: var(--vk-green-dark); font-size: 13px; font-weight: 700}
.vk-ing__amount small{color: var(--vk-muted); font-weight: 400}
.vk-ing__role{margin-top: 3px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.45}
@media (min-width: 768px){.vk-ing{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px}
}
.vk-pflicht{margin-top: 16px; padding: 14px 16px; border: 1px solid var(--vk-note-line); border-radius: var(--vk-r); background: var(--vk-note-bg)}
.vk-pflicht h3{margin-bottom: 6px; color: var(--vk-note-ink); font-size: 14px}
.vk-pflicht ul{margin: 0; padding-left: 18px}
.vk-pflicht li{color: var(--vk-ink); font-size: 13px; line-height: 1.5}
.vk-pc{display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px}
@media (min-width: 768px){.vk-pc{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px}
}
.vk-pc__col h3{margin-bottom: 6px; font-size: 15px}
.vk-pc__col ul{margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-pc__col li{position: relative; padding: 8px 0 8px 24px; border-bottom: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 14px; line-height: 1.5}
.vk-pc__col li::before{content: ""; position: absolute; top: 11px; left: 0; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f7a5f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat}
.vk-pc__col--con li::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.vk-verdict{display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-bottom: 12px; padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r)}
.vk-verdict__score{display: flex; align-items: center; gap: 12px}
.vk-verdict__score b{display: block; font-size: 22px; line-height: 1.1}
.vk-verdict__score small{display: block; margin: 2px 0 4px; color: var(--vk-muted); font-size: 12px}
.vk-verdict__text{font-size: 15px; line-height: 1.6}
@media (min-width: 600px){.vk-verdict{grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 24px}
}
.vk-rsum{display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 16px; padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r)}
.vk-rsum__big{display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px}
.vk-rsum__big b{font-size: 36px; line-height: 1}
.vk-rsum__big span{color: var(--vk-muted); font-size: 15px}
.vk-rsum__big small{width: 100%; color: var(--vk-ink-2); font-size: 13px}
.vk-rbars{display: grid; gap: 4px; margin: 0; padding: 0; list-style: none}
.vk-rbars li{display: grid; grid-template-columns: 62px minmax(0, 1fr) 32px; align-items: center; gap: 8px; color: var(--vk-ink-2); font-size: 12px}
.vk-rbars__track{display: block; width: 100%; height: 8px}
.vk-rbars__bg{fill: #ececec}
.vk-rbars__fill{fill: var(--vk-star)}
.vk-rbars__n{color: var(--vk-muted); text-align: right}
@media (min-width: 600px){.vk-rsum{grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 24px}
}
.vk-reviews{margin: 12px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-review{padding: 14px 0; border-bottom: 1px solid var(--vk-line)}
.vk-review__head{display: flex; align-items: center; gap: 10px; margin-bottom: 6px; color: var(--vk-muted); font-size: 13px}
.vk-review__head b{color: var(--vk-ink); font-size: 14px}
.vk-review__avatar{display: grid; flex: none; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e3e3e3; color: #555555; font-size: 15px; font-weight: 700}
.vk-review__stars{display: flex; align-items: center; gap: 8px; margin-top: 2px; color: var(--vk-muted); font-size: 12px}
.vk-review p{color: var(--vk-ink-2); font-size: 14px; line-height: 1.6}
.vk-cmp-wrap{margin-top: 12px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); overflow-x: auto; -webkit-overflow-scrolling: touch}
.vk-cmp{width: 100%; min-width: 560px; border-collapse: collapse; font-size: 13px}
.vk-cmp th, .vk-cmp td{padding: 9px 12px; border-bottom: 1px solid var(--vk-line); text-align: left; vertical-align: top}
.vk-cmp tbody tr:last-child th, .vk-cmp tbody tr:last-child td{border-bottom: 0}
.vk-cmp thead th{background: var(--vk-grey); color: var(--vk-ink-2); font-size: 12px}
.vk-cmp tbody th{font-weight: 700}
.vk-cmp tbody th a{color: var(--vk-green-dark)}
.vk-cmp tbody th small{color: var(--vk-muted); font-weight: 400}
.vk-cmp__this{background: #fafafa}
.vk-sources{margin: 0; padding-left: 20px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.55}
.vk-sources li + li{margin-top: 5px}
.vk-sources a{color: var(--vk-green-dark)}
.vk-sources small{color: var(--vk-muted)}
.vk-reviewer{display: flex; align-items: flex-start; gap: 14px}
.vk-reviewer__img{flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover}
.vk-reviewer__name{font-size: 15px; font-weight: 700}
.vk-reviewer__name a{color: var(--vk-ink)}
.vk-reviewer__role{color: var(--vk-muted); font-size: 13px}
.vk-reviewer__bio, .vk-reviewer__text{margin-top: 6px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.55}
.vk-reviewer__text a{color: var(--vk-green-dark)}
.vk-block--reviewer .vk-disclaimer{margin-top: 14px}
.vk-aside{display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 16px; min-width: 0}
.vk-aside > *{min-width: 0}
.vk-aside__box{padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: var(--vk-bg)}
.vk-aside__box--cta{display: none}
.vk-aside__h{margin-bottom: 8px; font-size: 15px}
.vk-glance{width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed}
.vk-glance th, .vk-glance td{padding: 6px 0; border-bottom: 1px solid var(--vk-line); text-align: left; vertical-align: top; line-height: 1.4; overflow-wrap: anywhere}
.vk-glance th{width: 42%; padding-right: 8px; color: var(--vk-muted); font-weight: 400}
.vk-glance tr:last-child th, .vk-glance tr:last-child td{border-bottom: 0}
.vk-aside__price{display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px}
.vk-aside__price s{font-size: 13px}
.vk-aside__price b{color: var(--vk-price); font-size: 24px}
.vk-minis{display: grid; gap: 10px; margin: 0 0 12px; padding: 0; list-style: none}
.vk-mini a{display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 10px; color: var(--vk-ink); text-decoration: none}
.vk-mini img{width: 48px; height: 48px; padding: 2px; border: 1px solid var(--vk-line); border-radius: var(--vk-r-sm); object-fit: contain}
.vk-mini__text{display: flex; flex-direction: column; gap: 1px; min-width: 0}
.vk-mini__name{font-size: 13px; font-weight: 700; line-height: 1.3}
.vk-mini a:hover .vk-mini__name{text-decoration: underline}
.vk-mini__price{color: var(--vk-price); font-size: 13px; font-weight: 700}
.vk-mini__pending{color: var(--vk-muted); font-size: 12px}
.vk-expert-box__head{display: flex; align-items: center; gap: 10px}
.vk-expert-box__img{flex: none; width: 48px; height: 48px; border-radius: 50%; object-fit: cover}
.vk-expert-box__name{font-size: 14px; font-weight: 700; line-height: 1.3}
.vk-expert-box__role{margin-top: 2px; color: var(--vk-muted); font-size: 12px; line-height: 1.35}
.vk-expert-box__bio{margin-top: 10px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.55}
.vk-expert-box .vk-more{margin-top: 10px; font-size: 13px}
@media (min-width: 1024px){.vk-product__layout{grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 40px}
.vk-aside{position: sticky; top: 64px; margin-top: 16px}
.vk-aside__box--cta{display: block}
}
@media (min-width: 1200px){.vk-product__layout{grid-template-columns: minmax(0, 1fr) 320px; gap: 48px}
}
.vk-rail-nav{display: flex; flex-wrap: wrap; align-items: center; gap: 8px}
.vk-rail-btn{display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r); background: var(--vk-bg); color: var(--vk-ink); cursor: pointer}
.vk-rail-btn:hover{border-color: var(--vk-ink-2)}
.vk-rail{display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none}
.vk-rail::-webkit-scrollbar{display: none}
.vk-rail > *{scroll-snap-align: start}
@media (min-width: 768px){.vk-rail{grid-auto-columns: calc((100% - 32px) / 3); gap: 16px}
}
@media (min-width: 1200px){.vk-rail{grid-auto-columns: calc((100% - 64px) / 5)}
.vk-rail-btn{display: none}
}
.vk-sticky{position: fixed; right: 0; bottom: 0; left: 0; z-index: 55; padding: 8px var(--vk-gutter); background: var(--vk-bg); border-top: 1px solid var(--vk-line-dark)}
.vk-sticky[hidden]{display: none}
.vk-sticky__inner{display: flex; align-items: center; justify-content: space-between; gap: 12px}
.vk-sticky__price{font-size: 12px; line-height: 1.2}
.vk-sticky__price b{display: block; color: var(--vk-price); font-size: 20px}
.vk-sticky .vk-cta{flex: none; width: auto; min-height: 44px; white-space: nowrap}
.vk-sticky .vk-ad-label{display: none}
@media (min-width: 861px){.vk-sticky{display: none !important}
}
body.vk-has-sticky{padding-bottom: 64px}
.vk-foot{margin-top: var(--vk-section); background: var(--vk-grey); border-top: 1px solid var(--vk-line); color: var(--vk-ink-2); font-size: 14px}
.vk-foot__cols{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 0 24px}
.vk-foot__brand .vk-logo{font-size: 19px}
.vk-foot__brand .vk-logo__mark{width: 28px; height: 28px}
.vk-foot__brand p{max-width: 380px; margin-top: 10px; line-height: 1.55}
.vk-foot__small{color: var(--vk-ink-2); font-size: 12px; line-height: 1.5}
.vk-foot__cols h2{margin-bottom: 10px; font-size: 15px}
.vk-foot__cols ul{margin: 0; padding: 0; list-style: none}
.vk-foot__cols li + li{margin-top: 6px}
.vk-foot a{color: var(--vk-ink-2); text-decoration: none}
.vk-foot a:hover{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
.vk-foot__contact address{font-style: normal; line-height: 1.6}
.vk-foot__contact .vk-foot__small{margin-top: 8px}
.vk-foot__trust{display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; padding: 14px 0; border-top: 1px solid var(--vk-line); border-bottom: 1px solid var(--vk-line); color: var(--vk-ink); font-size: 13px; list-style: none}
.vk-foot__trust li{display: inline-flex; align-items: center; gap: 6px}
.vk-foot__trust .vk-i{color: var(--vk-green)}
.vk-foot__legal{padding: 16px 0 24px; color: var(--vk-ink-2); font-size: 12px; line-height: 1.5}
.vk-foot__legal p + p{margin-top: 6px}
@media (min-width: 768px){.vk-foot__cols{grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 40px 0 32px}
}
@media (min-width: 1024px){.vk-foot__cols{grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px}
}
.vk-cookie{position: fixed; right: 0; bottom: 0; left: 0; z-index: 60; background: var(--vk-bg); border-top: 1px solid var(--vk-line-dark)}
.vk-cookie[hidden]{display: none}
.vk-cookie__inner{display: grid; gap: 10px; padding-top: 12px; padding-bottom: 12px; color: var(--vk-ink-2); font-size: 13px; line-height: 1.45}
.vk-cookie__inner a{color: var(--vk-green-dark)}
.vk-cookie__btns{display: grid; grid-template-columns: 1fr 1fr; gap: 8px}
.vk-cookie__btns button{height: 40px; padding: 0 14px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r); background: var(--vk-bg); color: var(--vk-ink); font-size: 14px; font-weight: 700; cursor: pointer}
.vk-cookie__btns button:hover{border-color: var(--vk-ink-2)}
.vk-cookie__btns button[data-vk-consent="all"]{background: var(--vk-green); border-color: var(--vk-green); color: #ffffff}
.vk-cookie__btns button[data-vk-consent="all"]:hover{background: var(--vk-green-dark); border-color: var(--vk-green-dark)}
@media (min-width: 768px){.vk-cookie__inner{grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px}
.vk-cookie__btns{grid-template-columns: 170px 170px}
}
.vk-page{max-width: 820px; padding: 16px 0 8px}
.vk-page__lead{margin-top: 10px; color: var(--vk-ink-2); font-size: 17px; line-height: 1.55}
.vk-page h2{margin: 32px 0 8px; font-size: 20px; line-height: 1.25}
.vk-page h3{margin: 20px 0 6px; font-size: 16px}
.vk-page p, .vk-page li, .vk-page address{color: var(--vk-ink-2); font-size: 15px; font-style: normal; line-height: 1.65}
.vk-page p + p, .vk-page ul + p, .vk-page ol + p{margin-top: 10px}
.vk-page ul, .vk-page ol{margin: 10px 0; padding-left: 22px}
.vk-page li + li{margin-top: 5px}
.vk-page a{color: var(--vk-green-dark)}
.vk-page table{width: 100%; margin: 14px 0; border-collapse: collapse; font-size: 14px}
.vk-page th, .vk-page td{padding: 8px 10px; border-bottom: 1px solid var(--vk-line); text-align: left; vertical-align: top}
.vk-page th{background: var(--vk-grey); color: var(--vk-ink)}
@media (min-width: 768px){.vk-page h2{font-size: 22px}
}
.vk-author{display: flex; align-items: center; gap: 16px}
.vk-author__img{flex: none; width: 96px; height: 96px; border-radius: 50%; object-fit: cover}
.vk-author + p{margin-top: 20px}
@media (min-width: 768px){.vk-author__img{width: 128px; height: 128px}
}
.vk-search--page{display: flex; align-items: stretch; height: 44px; max-width: 520px; margin: 20px 0 0; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r); overflow: hidden}
.vk-search--page input{flex: 1; min-width: 0; padding: 0 12px; border: 0; background: transparent; font-size: 16px; outline: none}
.vk-search--page button{width: 48px; border: 0; background: var(--vk-green); color: #ffffff; cursor: pointer}
.vk-search--page button svg{margin: 0 auto}
.vk-404-cats{margin-top: 28px}
.vk-page .vk-linklist{margin: 12px 0 0; padding-left: 0}
.vk-page .vk-linklist li + li{margin-top: 0}
.vk-page .vk-linklist a{text-decoration: none}
.vk-page .vk-linklist a:hover{text-decoration: underline}
.vk-404-cats h2{margin: 0; font-size: 18px}
.vk-404-home{margin-top: 20px}
.vk-related{margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--vk-line)}
.vk-page .vk-related h2, .vk-related h2{margin: 0 0 8px; font-size: 16px}
.vk-related ul{display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0; padding: 0; list-style: none}
.vk-page .vk-related li, .vk-related li{margin: 0; font-size: 14px}
.vk-related a{color: var(--vk-green-dark); font-size: 14px}
.vk-post__layout{display: grid; grid-template-columns: minmax(0, 1fr)}
.vk-post{min-width: 0; max-width: 820px; padding: 12px 0 0}
.vk-post__aside{display: none}
.vk-post__toc{padding: 16px; border: 1px solid var(--vk-line); border-radius: var(--vk-r)}
.vk-post__toc h2{margin-bottom: 8px; font-size: 15px}
.vk-post__toc ol{margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vk-line)}
.vk-post__toc li{border-bottom: 1px solid var(--vk-line)}
.vk-post__toc a{display: block; padding: 7px 0; color: var(--vk-ink-2); font-size: 14px; line-height: 1.4; text-decoration: none}
.vk-post__toc a:hover{color: var(--vk-green-dark); text-decoration: underline; text-underline-offset: 3px}
.vk-post__aside .vk-expert-box{margin-top: 16px}
.vk-post__body h2{scroll-margin-top: 16px}
@media (min-width: 1024px){.vk-post__layout{grid-template-columns: minmax(0, 820px) 280px; justify-content: space-between; align-items: start; gap: 48px}
.vk-post__aside{display: block; position: sticky; top: 16px; margin-top: 24px}
}
.vk-post__cat{color: var(--vk-muted); font-size: 13px}
.vk-post__cat a{color: var(--vk-green-dark)}
.vk-post__head .vk-h1{margin-top: 4px}
.vk-post__date{margin-top: 8px; color: var(--vk-muted); font-size: 13px}
.vk-post__head .vk-expert-line{margin-top: 6px}
.vk-post__cover{margin-top: 20px}
.vk-post__cover img{width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: var(--vk-r); object-fit: cover}
.vk-post__body{margin-top: 20px}
.vk-post__body .vk-post__lead{color: var(--vk-ink); font-size: 17px; line-height: 1.55}
.vk-post__body h2{margin: 28px 0 8px; font-size: 20px; line-height: 1.25}
.vk-post__body ul, .vk-post__body ol{margin: 10px 0}
.vk-post .vk-expert-box{margin-top: 32px}
.vk-post__disclaimer{margin-top: 16px}
.vk-post__products, .vk-post__more{margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--vk-line)}
.vk-post__more .vk-h2{margin-bottom: 16px}
.vk-post__links{max-width: 820px}
@media (min-width: 768px){.vk-post__body h2{font-size: 22px}
}
.woocommerce .onsale, .woocommerce span.onsale, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-breadcrumb, .woocommerce .star-rating, .woocommerce-product-rating, .woocommerce div.product form.cart, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart, .woocommerce .add_to_cart_button, .woocommerce .single_add_to_cart_button, .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-store-notice, .woocommerce-message .button.wc-forward{display: none !important}
.woocommerce ins{text-decoration: none}
.woocommerce ul.products::before, .woocommerce ul.products::after{content: none; display: none}
.woocommerce ul.products li.product{float: none; width: auto; margin: 0}
.woocommerce div.product .summary, .woocommerce div.product div.summary{float: none; width: 100%}
h1, h2, h3, .vk-card__name, .vk-glance, .vk-infotiles, .vk-keyfacts__list, .vk-prose, .vk-page, .vk-foot{overflow-wrap: anywhere}
h1, h2{hyphens: manual}
@media (max-width: 599px){h1, h2{hyphens: auto}
}
.vk-prose a, .vk-seo p a, .vk-seo li a, .vk-page p a, .vk-page li a, .vk-toolbar__note a, .vk-note a, .vk-cookie__inner a, .vk-reviewer__text a, .vk-sources a, .vk-cmp tbody th a, .vk-foot__small a, .vk-expert-line a, .vk-related a, .vk-gallery__legal{text-decoration: underline; text-underline-offset: 3px}
@media (max-width: 400px){.vk-grid{gap: 8px}
.vk-card__body{padding: 0 8px 8px}
.vk-card__price{font-size: 17px}
.vk-card__avail{font-size: 11px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}
.vk-faq__item > summary .vk-i{transition: none}
}
@media print{.vk-topbar, .vk-head .vk-search, .vk-nav, .vk-catbar, .vk-cookie, .vk-sticky, .vk-jump, .vk-foot{display: none}
}
.vk-cf{margin: 32px 0 8px; padding: 20px; border: 1px solid var(--vk-line); border-radius: var(--vk-r); background: #ffffff}
.vk-cf .vk-h2{margin: 0 0 8px}
.vk-cf__intro{margin: 0 0 16px; color: var(--vk-muted); font-size: 14px}
.vk-cf__form{display: grid; gap: 14px}
.vk-cf__row{display: grid; gap: 14px}
.vk-cf__field{display: grid; gap: 6px; margin: 0}
.vk-cf__field label, .vk-cf__consent{font-size: 14px; font-weight: 700}
.vk-cf__field input, .vk-cf__field textarea{width: 100%; min-width: 0; min-height: 42px; padding: 8px 12px; border: 1px solid var(--vk-line-dark); border-radius: var(--vk-r); background: #ffffff; color: var(--vk-ink); font: inherit; font-size: 15px}
.vk-cf__field textarea{min-height: 150px; resize: vertical}
.vk-cf__field input:focus, .vk-cf__field textarea:focus{border-color: var(--vk-green); outline: 2px solid var(--vk-green); outline-offset: 1px}
.vk-cf__consent{margin: 0; font-weight: 400}
.vk-cf__consent label{display: flex; align-items: flex-start; gap: 10px}
.vk-cf__consent input{flex: 0 0 auto; margin-top: 3px}
.vk-cf__actions{margin: 4px 0 0}
.vk-cf__errors{margin: 0 0 14px; padding: 10px 14px 10px 30px; border: 1px solid #c62828; border-radius: var(--vk-r); background: #fff5f5; color: #8a1c1c; font-size: 14px}
.vk-cf__ok{margin: 0; padding: 12px 14px; border: 1px solid var(--vk-green); border-radius: var(--vk-r); background: #f1f8f5; color: var(--vk-green-dark); font-size: 15px}
.vk-cf__hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden}
@media (min-width: 768px){.vk-cf{padding: 24px 28px}
.vk-cf__row{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
}