:root{--sv-primary: #1f3a93;--sv-primary-dk: #172c70;--sv-accent: #e8572a;--sv-accent-dk: #cf4a20;--sv-price: #c4161c;--sv-ink: #111827;--sv-text: #1f2937;--sv-muted: #5d6676;--sv-line: #e5e7eb;--sv-line-2: #c9ced6;--sv-soft: #f5f5f5;--sv-bg: #ffffff;--sv-star: #f2a20c;--sv-r: 5px;--sv-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sv-wrap: 1240px;--sv-gap: 16px}
*, *::before, *::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%; text-size-adjust: 100%}
body{margin: 0; background: var(--sv-bg); color: var(--sv-text); font-family: var(--sv-font); font-size: 16px; line-height: 26px; overflow-wrap: break-word}
img, svg{max-width: 100%}
img{height: auto}
a{color: var(--sv-primary)}
a:hover{color: var(--sv-primary-dk)}
p{margin: 0 0 14px}
h1, h2, h3, h4{color: var(--sv-ink); line-height: 1.25; margin: 0 0 12px; font-weight: 700}
h3{font-size: 17px; line-height: 24px}
b, strong{font-weight: 700}
button{font-family: inherit}
:focus-visible{outline: 2px solid var(--sv-primary); outline-offset: 2px}
table{border-collapse: collapse}
details > summary{list-style: none; cursor: pointer}
details > summary::-webkit-details-marker{display: none}
.sv-wrap{width: 100%; max-width: var(--sv-wrap); margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px}
.sv-hidden{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0}
.sv-skip{position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--sv-bg); color: var(--sv-primary); padding: 8px 12px; border: 1px solid var(--sv-primary); border-radius: var(--sv-r)}
.sv-skip:focus{top: 8px}
.sv-i{flex: none; vertical-align: middle}
.sv-h1{font-size: 23px; line-height: 29px; margin: 0 0 8px}
.sv-h2{font-size: 20px; line-height: 28px; margin: 0 0 14px}
.sv-h3{font-size: 17px; line-height: 24px; margin: 0 0 10px}
.sv-more{display: inline-flex; align-items: center; gap: 4px; font-size: 15px; font-weight: 600; text-decoration: none}
.sv-more:hover{text-decoration: underline}
.sv-btn{display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 0; border-radius: var(--sv-r); background: var(--sv-primary); color: #fff; font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer}
.sv-btn:hover{background: var(--sv-primary-dk); color: #fff}
.sv-cta{display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 8px 16px; border-radius: var(--sv-r); background: var(--sv-accent); color: #fff; font-size: 19px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none}
.sv-cta:hover{background: var(--sv-accent-dk); color: #fff}
.sv-ad-label{display: block; margin-top: 6px; color: var(--sv-muted); font-size: 12px; line-height: 16px; text-align: center}
.sv-ad-line{margin: 8px 0 0; color: var(--sv-muted); font-size: 12.5px; line-height: 18px}
.sv-head{position: relative; z-index: 30; background: var(--sv-bg); border-bottom: 1px solid var(--sv-line)}
.sv-nav-toggle, .sv-search-toggle{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none}
.sv-head__wrap{width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px}
.sv-head__row{display: flex; align-items: center; gap: 6px; height: 56px}
.sv-burger{display: inline-flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; margin-left: -8px; color: var(--sv-ink); cursor: pointer; border-radius: var(--sv-r)}
.sv-burger__close{display: none}
.sv-nav-toggle:checked ~ .sv-head__row .sv-burger__open{display: none}
.sv-nav-toggle:checked ~ .sv-head__row .sv-burger__close{display: inline-flex}
.sv-nav-toggle:focus-visible ~ .sv-head__row .sv-burger,
.sv-search-toggle:focus-visible ~ .sv-head__row .sv-head__search{outline: 2px solid var(--sv-primary); outline-offset: 2px}
.sv-logo{display: inline-flex; align-items: center; gap: 8px; flex: none; color: var(--sv-primary); font-size: 20px; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap}
.sv-logo:hover{color: var(--sv-primary)}
.sv-logo__mark{flex: none}
.sv-nav{display: none}
.sv-head__tools{display: flex; align-items: center; gap: 20px; margin-left: auto}
.sv-head__search{display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; height: 40px; margin-right: -8px; color: var(--sv-ink); font-size: 15px; cursor: pointer; border-radius: var(--sv-r)}
.sv-head__search span{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap}
.sv-head__search:hover{color: var(--sv-primary)}
.sv-head__link{display: none}
.sv-searchbar{display: none; padding: 10px 0 12px; border-top: 1px solid var(--sv-line)}
.sv-search-toggle:checked ~ .sv-searchbar{display: block}
.sv-search{display: flex; min-width: 0}
.sv-search input[type="search"]{flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--sv-line-2); border-right: 0; border-radius: var(--sv-r) 0 0 var(--sv-r); background: #fff; color: var(--sv-ink); font: inherit; font-size: 16px}
.sv-search input[type="search"]::placeholder{color: #707887}
.sv-search input[type="search"]:focus{outline: 2px solid var(--sv-primary); outline-offset: -2px}
.sv-search__btn{display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; padding: 0 16px; border: 0; border-radius: 0 var(--sv-r) var(--sv-r) 0; background: var(--sv-primary); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer}
.sv-search__btn:hover{background: var(--sv-primary-dk)}
.sv-drawer{display: none; border-top: 1px solid var(--sv-line); background: var(--sv-bg); padding: 8px 0 16px}
.sv-nav-toggle:checked ~ .sv-drawer{display: block}
.sv-drawer__h{margin: 12px 0 4px; color: var(--sv-muted); font-size: 13px; font-weight: 600}
.sv-drawer__list{display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none}
.sv-drawer__list a{display: block; padding: 10px 0; border-bottom: 1px solid var(--sv-line); color: var(--sv-ink); font-size: 16px; text-decoration: none}
.sv-crumbs{display: flex; flex-wrap: wrap; gap: 0 6px; margin: 0; padding: 10px 0 8px; list-style: none; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-crumbs li{min-width: 0}
.sv-crumbs li + li::before{content: "›"; margin-right: 6px; color: #8a919d}
.sv-crumbs a{color: var(--sv-muted); text-decoration: none}
.sv-crumbs a:hover{color: var(--sv-primary); text-decoration: underline}
.sv-crumbs [aria-current]{color: var(--sv-text)}
.sv-sec{padding: 28px 0}
.sv-sec--line{border-top: 1px solid var(--sv-line)}
.sv-sec--grey{background: var(--sv-soft)}
.sv-sec__head{display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px}
.sv-sec__head .sv-h2{margin: 0}
.sv-hero{padding: 18px 0 6px}
.sv-hero__title{margin: 0 0 8px}
.sv-hero__lead{margin: 0 0 14px; color: var(--sv-text); font-size: 17px; line-height: 27px}
.sv-hero__search{max-width: 640px; margin: 0 0 16px}
.sv-hero__search .sv-search__btn span{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap}
.sv-areas ul{display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none}
.sv-areas a{display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 5px 12px; border: 1px solid var(--sv-line); border-radius: 4px; background: var(--sv-bg); color: var(--sv-text); font-size: 15px; line-height: 22px; text-decoration: none}
.sv-areas a:hover{border-color: var(--sv-primary); color: var(--sv-primary)}
.sv-areas span{color: var(--sv-muted); font-size: 13px}
.sv-sec--top{padding-top: 22px}
.sv-allrow{margin: 20px 0 0; text-align: center}
.sv-btn--line{border: 1px solid var(--sv-primary); background: var(--sv-bg); color: var(--sv-primary)}
.sv-btn--line:hover{background: var(--sv-primary); color: #fff}
.sv-steps{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: sv-cod}
.sv-steps li{position: relative; padding-left: 48px; counter-increment: sv-cod}
.sv-steps li::before{content: counter(sv-cod); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--sv-primary); color: #fff; font-weight: 700; line-height: 1}
.sv-steps__t{margin: 4px 0 4px; font-size: 17px; line-height: 24px}
.sv-steps p{margin: 0; font-size: 15px; line-height: 24px}
.sv-steps__more{margin: 16px 0 0}
.sv-about{max-width: 860px}
.sv-about__links{display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0}
.sv-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px}
.sv-tile{position: relative; display: flex; flex-direction: column; min-width: 0; padding: 10px; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: var(--sv-bg)}
.sv-tile:hover{border-color: var(--sv-line-2)}
.sv-tile__media{position: relative; aspect-ratio: 1 / 1; margin: 0 0 10px; background: #fff}
.sv-tile__img{display: block; width: 100%; height: 100%; object-fit: contain}
.sv-tile__disc{position: absolute; top: 0; left: 0; z-index: 1; padding: 1px 6px; border: 1px solid var(--sv-line); border-radius: 3px; background: var(--sv-soft); color: var(--sv-text); font-size: 13px; line-height: 20px}
.sv-tile__name{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 44px; margin: 0 0 2px; font-size: 16px; font-weight: 600; line-height: 22px}
.sv-tile__link{color: var(--sv-ink); text-decoration: none}
.sv-tile__link::after{content: ""; position: absolute; inset: 0; z-index: 2; border-radius: var(--sv-r)}
.sv-tile__link:focus-visible{outline: none}
.sv-tile__link:focus-visible::after{outline: 2px solid var(--sv-primary); outline-offset: 2px}
.sv-tile:hover .sv-tile__link{color: var(--sv-primary); text-decoration: underline}
.sv-tile__meta{margin: 0 0 4px; color: var(--sv-muted); font-size: 14px; line-height: 20px}
.sv-tile__rate{margin: 0 0 6px}
.sv-tile__price{display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin: auto 0 0; line-height: 24px}
.sv-tile__now{color: var(--sv-price); font-size: 19px; font-weight: 700}
.sv-tile__was{color: var(--sv-muted); font-size: 14px}
.sv-tile__pending{color: var(--sv-ink); font-size: 14px; line-height: 20px}
.sv-stars{display: inline-flex; gap: 1px; vertical-align: middle}
.sv-stars svg{width: 15px; height: 15px}
.sv-star--on{fill: var(--sv-star)}
.sv-star--off{fill: #d5d9e0}
.sv-rate{display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; color: var(--sv-muted); font-size: 13px; line-height: 1.3}
.sv-rate b{color: var(--sv-ink)}
.sv-shelf__note{margin: 14px 0 0; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-guides{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px}
.sv-guide{display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: start}
.sv-guide__media{display: block}
.sv-guide__img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sv-r)}
.sv-guide__cat{margin: 0 0 2px; color: var(--sv-muted); font-size: 12.5px; line-height: 18px}
.sv-guide__t{margin: 0 0 4px; font-size: 15px; line-height: 1.35}
.sv-guide__t a{color: var(--sv-ink); text-decoration: none}
.sv-guide__t a:hover{color: var(--sv-primary); text-decoration: underline}
.sv-guide__lead{display: none; margin: 0 0 6px; font-size: 14px; line-height: 22px}
.sv-guide__date{margin: 0; color: var(--sv-muted); font-size: 12.5px; line-height: 18px}
.sv-box{padding: 14px 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: var(--sv-bg)}
.sv-box + .sv-box{margin-top: 16px}
.sv-box__h{margin: 0 0 10px; color: var(--sv-ink); font-size: 15px; font-weight: 700; line-height: 22px}
.sv-reviewed{display: flex; align-items: center; gap: 8px; margin: 8px 0 0; color: var(--sv-muted); font-size: 13.5px; line-height: 20px}
.sv-reviewed__img{width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: none}
.sv-disclaimer{margin: 24px 0 0; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-fine{margin: 10px 0 0; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-expbox__who{display: flex; align-items: center; gap: 10px}
.sv-expbox__img{width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none}
.sv-expbox__who p{margin: 0; font-size: 13px; color: var(--sv-muted); line-height: 1.35}
.sv-expbox__who b{display: block; color: var(--sv-ink); font-size: 14.5px}
.sv-expbox__bio{margin: 10px 0 8px; font-size: 13.5px}
.sv-expbox .sv-more{margin-top: 8px}
.sv-contents{margin: 0 0 8px; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: var(--sv-bg)}
.sv-contents > summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; color: var(--sv-ink); font-weight: 700}
.sv-contents > summary:hover{color: var(--sv-primary)}
.sv-contents__chev{color: var(--sv-muted); transition: transform .15s}
.sv-contents[open] .sv-contents__chev{transform: rotate(180deg)}
.sv-contents ol{margin: 0; padding: 0 14px 12px 34px}
.sv-contents li{margin: 3px 0; font-size: 15px; line-height: 23px}
.sv-faq{border-top: 1px solid var(--sv-line)}
.sv-faq__item{border-bottom: 1px solid var(--sv-line)}
.sv-faq__item > summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0}
.sv-faq__item > summary h3, .sv-faq__q{margin: 0; color: var(--sv-ink); font-size: 16px; font-weight: 600; line-height: 1.4}
.sv-faq__item > summary:hover h3, .sv-faq__item > summary:hover .sv-faq__q{color: var(--sv-primary)}
.sv-faq__chev{color: var(--sv-muted); transition: transform .15s}
.sv-faq__item[open] .sv-faq__chev{transform: rotate(180deg)}
.sv-faq__item > p{margin: 0 0 16px}
.sv-cat{padding-bottom: 8px}
.sv-cat--guide{max-width: 1040px}
.sv-cat__head{padding-bottom: 4px}
.sv-cat__head .sv-h1{margin: 4px 0 10px}
.sv-cat__lead{margin: 0 0 8px; color: var(--sv-ink); font-size: 17px; line-height: 28px}
.sv-cat__meta{margin: 0 0 14px; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-cat__count{margin: 0 0 16px; color: var(--sv-muted); font-size: 14px}
.sv-cat__products{padding-top: 18px; scroll-margin-top: 16px}
.sv-cat__article{margin-top: 28px}
.sv-cat__article h2{margin: 30px 0 10px; font-size: 20px; line-height: 28px; scroll-margin-top: 16px}
.sv-cat__tiles{margin-top: 28px}
.sv-cat__faq{margin-top: 32px; scroll-margin-top: 16px}
.sv-cat__guides{margin-top: 28px; padding: 14px 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-cat__guides ul{margin: 0; padding: 0 0 0 18px}
.sv-cat__guides li{margin: 0 0 6px; font-size: 15px; line-height: 23px}
.sv-ptable{display: block; width: 100%; font-size: 15px; line-height: 22px}
.sv-ptable thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0)}
.sv-ptable tbody, .sv-ptable tr, .sv-ptable th, .sv-ptable td{display: block}
.sv-ptable tr{position: relative; min-height: 92px; margin: 0 0 10px; padding: 12px 12px 12px 84px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-ptable th, .sv-ptable td{padding: 0; text-align: left; font-weight: 400}
.sv-ptable__name a{color: var(--sv-ink); font-weight: 700; text-decoration: none}
.sv-ptable__name a:hover span{color: var(--sv-primary); text-decoration: underline}
.sv-ptable__img{position: absolute; top: 12px; left: 12px; width: 60px; height: 60px; object-fit: contain; border: 1px solid var(--sv-line); border-radius: 4px; background: #fff}
.sv-ptable__form, .sv-ptable__ing{color: var(--sv-text); font-size: 14px}
.sv-ptable__price{margin-top: 2px}
.sv-ptable__price b{color: var(--sv-price)}
.sv-ptable__price s{margin-left: 4px; color: var(--sv-muted); font-size: 13px}
.sv-ptable__pending{color: var(--sv-muted); font-size: 13px}
.sv-ptable__go{margin-top: 2px}
.sv-ptable__go a{font-size: 15px}
.sv-pages{display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0 0; padding: 0; list-style: none}
.sv-pages a, .sv-pages span{display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--sv-line-2); border-radius: var(--sv-r); color: var(--sv-ink); text-decoration: none}
.sv-pages .current{border-color: var(--sv-primary); background: var(--sv-primary); color: #fff}
.sv-empty{padding: 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-relcats{margin: 32px 0 0}
.sv-relcats ul{columns: 2; column-gap: 24px; margin: 0; padding: 0; list-style: none}
.sv-relcats li{break-inside: avoid; margin: 0 0 8px; font-size: 15px}
.sv-relcats span{color: var(--sv-muted); font-size: 13px}
.sv-top{display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px}
.sv-gallery{min-width: 0}
.sv-gallery__main{display: flex; align-items: center; justify-content: center; margin: 0; padding: 8px; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: #fff}
.sv-gallery__main img{display: block; width: auto; max-width: 100%; max-height: 280px; object-fit: contain}
.sv-thumbs{display: none; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none}
.sv-thumb{display: block; padding: 3px; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: var(--sv-bg); cursor: pointer}
.sv-thumb img{display: block; width: 56px; height: 56px; object-fit: contain}
.sv-thumb[aria-current]{border-color: var(--sv-primary); box-shadow: inset 0 0 0 1px var(--sv-primary)}
.sv-buy{min-width: 0}
.sv-buy__meta{margin: 0 0 4px; color: var(--sv-muted); font-size: 14px; line-height: 22px}
.sv-buy__meta a{color: var(--sv-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px}
.sv-buy__meta a:hover{color: var(--sv-primary-dk)}
.sv-buy__h1{margin: 0 0 8px}
.sv-rateline{margin: 0 0 8px; font-size: 14px; line-height: 22px}
.sv-rateline a{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; color: var(--sv-text); text-decoration: none}
.sv-rateline b{color: var(--sv-ink)}
.sv-rateline__see{text-decoration: underline}
.sv-rateline a:hover .sv-rateline__see{color: var(--sv-primary)}
.sv-pricerow{display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin: 0 0 6px; line-height: 1.2}
.sv-pricerow__now{color: var(--sv-price); font-size: 30px; font-weight: 800}
.sv-pricerow__was{color: var(--sv-muted); font-size: 17px}
.sv-pricerow__off{align-self: center; padding: 1px 6px; border: 1px solid var(--sv-line); border-radius: 3px; background: var(--sv-soft); color: var(--sv-text); font-size: 13px; line-height: 20px}
.sv-pricerow--pending{color: var(--sv-ink); font-size: 16px; font-weight: 600}
.sv-codline{margin: 0 0 12px; color: var(--sv-text); font-size: 14px; line-height: 22px}
.sv-buy__cta{margin: 0 0 18px}
.sv-buy__pending{margin: -10px 0 14px; color: var(--sv-price); font-size: 12.5px; line-height: 18px}
.sv-ficha{width: 100%; margin: 0; font-size: 14px; line-height: 21px}
.sv-ficha caption{padding: 0 0 8px; color: var(--sv-ink); font-size: 16px; font-weight: 700; line-height: 22px; text-align: left}
.sv-ficha th, .sv-ficha td{padding: 8px 10px; border-bottom: 1px solid var(--sv-line); text-align: left; vertical-align: top}
.sv-ficha tr:first-child th, .sv-ficha tr:first-child td{border-top: 1px solid var(--sv-line)}
.sv-ficha th{width: 36%; background: var(--sv-soft); color: var(--sv-muted); font-weight: 400}
.sv-revby{margin: 10px 0 0; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-prod{padding-bottom: 8px}
.sv-prod__layout{display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 28px}
.sv-article{min-width: 0}
.sv-lead{margin: 0 0 16px; color: var(--sv-ink); font-size: 17px; line-height: 28px}
.sv-part{padding-top: 32px; scroll-margin-top: 16px}
.sv-part__h{margin: 0 0 12px; font-size: 20px; line-height: 28px}
.sv-part__h3{margin: 24px 0 10px; font-size: 18px; line-height: 26px}
.sv-prose p{margin: 0 0 14px}
.sv-prose ul, .sv-prose ol{margin: 0 0 14px; padding-left: 22px}
.sv-prose li{margin: 4px 0}
.sv-prose h2{margin: 28px 0 10px; font-size: 20px; line-height: 28px}
.sv-prose h3{margin: 20px 0 8px; font-size: 17px}
.sv-prose table{width: 100%; margin: 0 0 14px; font-size: 14px}
.sv-prose th, .sv-prose td{padding: 8px 10px; border-bottom: 1px solid var(--sv-line); text-align: left}
.sv-prose blockquote{margin: 0 0 14px; padding-left: 14px; border-left: 3px solid var(--sv-line-2)}
.sv-ingtable{width: 100%; margin: 0 0 16px; font-size: 15px; line-height: 22px}
.sv-ingtable th, .sv-ingtable td{padding: 8px 10px; border-bottom: 1px solid var(--sv-line); text-align: left; vertical-align: top}
.sv-ingtable thead th{background: var(--sv-soft); color: var(--sv-ink); font-size: 14px; font-weight: 700}
.sv-ingtable tbody th{font-weight: 400}
.sv-ingtable td{width: 40%}
.sv-ing{display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 28px; margin: 0; padding: 0; list-style: none}
.sv-ing__item{display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--sv-line)}
.sv-ing__item--text{grid-template-columns: minmax(0, 1fr)}
.sv-ing__img{width: 56px; height: 56px; border-radius: 50%; object-fit: cover}
.sv-ing__name{margin: 0; font-size: 16px; line-height: 22px}
.sv-ing__role{margin: 4px 0 0; font-size: 15px; line-height: 24px}
.sv-dose{margin: 0 0 14px; padding: 12px 14px; border-radius: var(--sv-r); background: var(--sv-soft)}
.sv-mand{margin-top: 16px; padding: 14px 16px; border: 1px solid var(--sv-line); border-left: 3px solid var(--sv-primary); border-radius: var(--sv-r)}
.sv-mand__h{margin: 0 0 8px; font-size: 16px}
.sv-mand ul{margin: 0; padding-left: 18px}
.sv-mand li{margin: 4px 0; font-size: 15px; line-height: 23px}
.sv-rsum{display: flex; align-items: center; gap: 14px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-rsum__avg{margin: 0; color: var(--sv-muted); line-height: 1.1; white-space: nowrap}
.sv-rsum__avg b{color: var(--sv-ink); font-size: 36px}
.sv-rsum__side .sv-stars svg{width: 18px; height: 18px}
.sv-rsum__n{margin: 2px 0 0; color: var(--sv-muted); font-size: 14px; line-height: 20px}
.sv-reviews{display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 32px; margin: 8px 0 0; padding: 0; list-style: none}
.sv-review{padding: 16px 0; border-top: 1px solid var(--sv-line)}
.sv-review__who{display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 0 0 6px}
.sv-review__ini{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #e7ecf7; color: var(--sv-primary); font-weight: 700}
.sv-review__who p{margin: 0; line-height: 20px}
.sv-review__who b{display: block; color: var(--sv-ink); font-size: 15px}
.sv-review__who p span{color: var(--sv-muted); font-size: 13px}
.sv-review__who time{color: var(--sv-muted); font-size: 13px; line-height: 20px; white-space: nowrap}
.sv-review__stars{margin: 0 0 4px; line-height: 18px}
.sv-review__text{margin: 0}
.sv-faq--small .sv-faq__item > summary{padding: 12px 0}
.sv-faq--small .sv-faq__q{font-size: 15.5px}
.sv-tellus{margin: 18px 0 0; padding: 12px 14px; border-radius: var(--sv-r); background: var(--sv-soft); font-size: 15px; line-height: 24px}
.sv-buybox{display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 0 0 16px; padding: 14px 16px; border-radius: var(--sv-r); background: var(--sv-soft)}
.sv-buybox .sv-pricerow, .sv-buybox .sv-codline{margin: 0}
.sv-part--buy .sv-prose ol{counter-reset: sv-step; margin: 6px 0 16px; padding: 0; list-style: none}
.sv-part--buy .sv-prose ol > li{position: relative; min-height: 32px; margin: 0 0 12px; padding: 3px 0 0 44px; counter-increment: sv-step}
.sv-part--buy .sv-prose ol > li::before{content: counter(sv-step); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--sv-primary); color: #fff; font-weight: 700; line-height: 1}
.sv-buy2{max-width: 440px; margin: 8px 0 0}
.sv-pc{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 4px 0 8px}
.sv-pc h3{margin: 0 0 8px; font-size: 16px}
.sv-pc__list{margin: 0; padding: 0; list-style: none}
.sv-pc__list li{position: relative; margin: 0 0 8px; padding-left: 22px; font-size: 15px; line-height: 23px}
.sv-pc__list--pro li::before{content: ""; position: absolute; left: 3px; top: 5px; width: 5px; height: 10px; border: solid var(--sv-primary); border-width: 0 2px 2px 0; transform: rotate(45deg)}
.sv-pc__list--con li::before{content: ""; position: absolute; left: 1px; top: 11px; width: 10px; height: 2px; background: var(--sv-price)}
.sv-verdict{display: flex; align-items: center; gap: 16px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-verdict__score{flex: none; margin: 0; color: var(--sv-muted); font-size: 15px}
.sv-verdict__score b{color: var(--sv-primary); font-size: 34px; line-height: 1}
.sv-verdict__text{margin: 0 0 4px; color: var(--sv-ink)}
.sv-verdict__by{margin: 0; color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-cmp-wrap{max-width: 100%; margin: 4px 0 0; overflow-x: auto}
.sv-cmp{width: 100%; min-width: 560px; font-size: 14px; line-height: 21px}
.sv-cmp th, .sv-cmp td{padding: 9px 12px; border-bottom: 1px solid var(--sv-line); text-align: left; vertical-align: top}
.sv-cmp thead th{background: var(--sv-soft); color: var(--sv-ink); font-size: 13px}
.sv-cmp tbody th{font-weight: 600}
.sv-cmp__this th, .sv-cmp__this td{background: #fafafa}
.sv-cmp small{color: var(--sv-muted); font-weight: 400}
.sv-part--small .sv-part__h{font-size: 17px; line-height: 24px}
.sv-sources{margin: 0; padding-left: 20px; font-size: 14px; line-height: 22px}
.sv-sources li{margin: 4px 0}
.sv-sources small{color: var(--sv-muted)}
.sv-byline{display: flex; align-items: center; gap: 12px; margin: 24px 0 0; padding: 14px 0 0; border-top: 1px solid var(--sv-line)}
.sv-byline__img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none}
.sv-byline p{margin: 0}
.sv-byline__name{color: var(--sv-ink); font-size: 14px; line-height: 21px}
.sv-byline__name a{font-weight: 700}
.sv-byline__text{color: var(--sv-muted); font-size: 13px; line-height: 20px}
.sv-prod__aside{display: none}
.sv-minis{margin: 0 0 8px; padding: 0; list-style: none}
.sv-mini a{display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--sv-line); text-decoration: none}
.sv-mini__img{width: 56px; height: 56px; object-fit: contain}
.sv-mini__text{display: flex; flex-direction: column; gap: 2px; min-width: 0}
.sv-mini__name{overflow: hidden; color: var(--sv-ink); font-size: 14px; font-weight: 600; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap}
.sv-mini a:hover .sv-mini__name{color: var(--sv-primary); text-decoration: underline}
.sv-mini__price{color: var(--sv-price); font-size: 14px; font-weight: 700}
.sv-mini__pending{color: var(--sv-muted); font-size: 12.5px}
.sv-stickybar{position: fixed; right: 0; bottom: 0; left: 0; z-index: 40; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--sv-line-2); background: var(--sv-bg)}
.sv-stickybar[hidden]{display: none}
.sv-stickybar__inner{display: flex; align-items: center; gap: 10px; height: 60px}
.sv-stickybar__info{display: flex; flex: none; flex-direction: column; margin: 0; line-height: 1.2}
.sv-stickybar__name{display: none}
.sv-stickybar__info b{color: var(--sv-price); font-size: 18px}
.sv-stickybar__ad{color: var(--sv-muted); font-size: 11px; line-height: 14px}
.sv-stickybar .sv-cta{flex: 1 1 auto; width: auto; min-height: 48px; padding: 3px 10px; line-height: 1.1}
body.sv-has-sticky{padding-bottom: 60px}
.sv-pagewrap{padding-bottom: 8px}
.sv-page__layout{display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; padding-bottom: 8px}
.sv-page{max-width: 800px; min-width: 0}
.sv-page__lead{color: var(--sv-ink); font-size: 17px; line-height: 28px}
.sv-page__aside{display: flex; flex-direction: column; gap: 16px; min-width: 0}
.sv-related{padding: 14px 16px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-related .sv-h3{font-size: 15px}
.sv-related ul{margin: 0; padding: 0; list-style: none}
.sv-related li{margin: 0 0 6px; font-size: 15px}
.sv-post__links .sv-related{margin-top: 28px}
.sv-post__links .sv-related ul{columns: 2; column-gap: 24px}
.sv-post__links .sv-related li{break-inside: avoid}
.sv-author{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: center; margin: 4px 0 20px}
.sv-author__img{display: block; width: 140px; height: auto; border-radius: var(--sv-r)}
.sv-author__text .sv-h1{margin-bottom: 4px}
.sv-author__role{margin: 0 0 8px; color: var(--sv-muted); font-size: 16px}
.sv-author__bio{margin: 0}
.sv-author__method{margin-top: 20px}
.sv-page--author{padding-bottom: 24px}
.sv-page--404 .sv-relcats{margin-bottom: 20px}
.sv-post__layout{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding-bottom: 32px}
.sv-post{max-width: 800px; min-width: 0}
.sv-post__cat, .sv-post__date{margin: 0 0 6px; color: var(--sv-muted); font-size: 13px}
.sv-post__cover{margin: 16px 0}
.sv-post__cover img{display: block; width: 100%; border-radius: var(--sv-r)}
.sv-post__lead{color: var(--sv-ink); font-size: 17px; line-height: 28px}
.sv-post .sv-expbox{margin-top: 28px}
.sv-toc ol{margin: 0; padding-left: 18px}
.sv-toc li{margin: 0 0 6px; font-size: 14px; line-height: 21px}
.sv-cf{margin-top: 28px; padding: 18px; border: 1px solid var(--sv-line); border-radius: var(--sv-r)}
.sv-cf__row{display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px}
.sv-cf__field label{display: block; margin-bottom: 4px; color: var(--sv-ink); font-size: 14px; font-weight: 600}
.sv-cf__field input, .sv-cf__field textarea{width: 100%; padding: 10px 12px; border: 1px solid var(--sv-line-2); border-radius: var(--sv-r); background: #fff; color: var(--sv-ink); font: inherit; font-size: 16px}
.sv-cf__field textarea{resize: vertical}
.sv-cf__consent label{display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px}
.sv-cf__consent input{margin-top: 3px}
.sv-cf__hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden}
.sv-cf__errors{margin: 0 0 14px; padding: 10px 14px 10px 30px; border-left: 3px solid var(--sv-price); color: var(--sv-price)}
.sv-cf__ok{padding: 10px 14px; border-left: 3px solid var(--sv-primary); color: var(--sv-ink)}
.sv-foot{margin-top: 40px; padding: 32px 0 24px; border-top: 1px solid var(--sv-line); background: var(--sv-soft); font-size: 14px; line-height: 1.5}
.sv-foot__cols{display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px}
.sv-foot__about p{margin: 12px 0 0}
.sv-logo--foot{font-size: 18px}
.sv-foot__h{margin: 0 0 10px; font-size: 15px}
.sv-foot__col ul{margin: 0; padding: 0; list-style: none}
.sv-foot__col li{margin: 0 0 7px}
.sv-foot__col a, .sv-foot__about a{color: var(--sv-text)}
.sv-foot__col a:hover, .sv-foot__about a:hover{color: var(--sv-primary)}
.sv-foot__col ul a{text-decoration: none}
.sv-foot__col ul a:hover{text-decoration: underline}
.sv-foot__contact p{margin: 0 0 8px}
.sv-foot__contact address{margin: 0 0 8px; font-style: normal}
.sv-foot__small{color: var(--sv-muted); font-size: 12.5px}
.sv-foot__trust{display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 24px 0 0; padding: 14px 0; border-top: 1px solid #dfe2e7; border-bottom: 1px solid #dfe2e7; list-style: none}
.sv-foot__trust li{display: flex; align-items: center; gap: 6px; font-size: 13.5px}
.sv-foot__trust .sv-i{color: var(--sv-primary)}
.sv-foot__disclaimer{max-width: 980px; margin: 16px 0 8px; color: var(--sv-muted); font-size: 12.5px}
.sv-foot__copy{margin: 0; color: var(--sv-muted); font-size: 12.5px}
.sv-cookie{position: fixed; right: 0; bottom: 0; left: 0; z-index: 50; padding: 14px 0; border-top: 1px solid var(--sv-line-2); background: var(--sv-bg); font-size: 13.5px; line-height: 20px}
.sv-cookie[hidden]{display: none}
.sv-cookie__inner{display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px}
.sv-cookie__text{margin: 0}
.sv-cookie__btns{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
.sv-cookie__btn{min-height: 42px; padding: 8px 18px; border: 1px solid var(--sv-primary); border-radius: var(--sv-r); background: var(--sv-bg); color: var(--sv-primary); font-size: 14px; font-weight: 700; cursor: pointer}
.sv-cookie__btn:hover{background: var(--sv-primary); color: #fff}
@media (min-width: 480px){.sv-drawer__list{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px}
}
@media (min-width: 768px){.sv-wrap{padding-left: 24px; padding-right: 24px}
.sv-head__wrap{padding-left: 24px; padding-right: 24px}
.sv-head__row{height: 64px; gap: 12px}
.sv-logo{font-size: 21px}
.sv-head__link{display: inline; color: var(--sv-text); font-size: 15px; text-decoration: none; white-space: nowrap}
.sv-head__link:hover, .sv-head__link[aria-current]{color: var(--sv-primary); text-decoration: underline}
.sv-search{max-width: 640px}
.sv-sec{padding: 36px 0}
.sv-h1{font-size: 26px; line-height: 33px}
.sv-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px}
.sv-tile{padding: 12px}
.sv-hero{padding: 26px 0 8px}
.sv-hero__search .sv-search__btn span{position: static; width: auto; height: auto; overflow: visible; clip: auto}
.sv-steps{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px}
.sv-h2{font-size: 22px; line-height: 30px}
.sv-guides{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px}
.sv-guide{display: block}
.sv-guide__media{margin-bottom: 10px}
.sv-guide__img{aspect-ratio: 3 / 2}
.sv-guide__t{font-size: 16px}
.sv-guide__lead{display: block}
.sv-relcats ul{columns: 3}
.sv-post__links .sv-related ul{columns: 3}
.sv-top{grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: 24px; align-items: start; padding-top: 4px}
.sv-gallery__main{padding: 16px}
.sv-gallery__main img{max-height: 520px}
.sv-thumbs{display: flex}
.sv-part__h{font-size: 22px; line-height: 30px}
.sv-cat__article h2{font-size: 22px; line-height: 30px}
.sv-pc{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px}
.sv-reviews{grid-template-columns: repeat(2, minmax(0, 1fr))}
.sv-stickybar__name{display: block; max-width: 280px; overflow: hidden; color: var(--sv-ink); font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap}
.sv-stickybar__info{flex: 1 1 auto; min-width: 0}
.sv-stickybar__info b{font-size: 17px}
.sv-stickybar .sv-cta{flex: 0 1 auto; padding: 3px 24px}
.sv-ptable thead{position: static; width: auto; height: auto; overflow: visible; clip: auto}
.sv-ptable{display: table}
.sv-ptable thead{display: table-header-group}
.sv-ptable tbody{display: table-row-group}
.sv-ptable tr{display: table-row; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0}
.sv-ptable th, .sv-ptable td{display: table-cell; padding: 10px 10px; border-bottom: 1px solid var(--sv-line); vertical-align: middle}
.sv-ptable thead th{padding-top: 8px; padding-bottom: 8px; border-bottom: 2px solid var(--sv-line); color: var(--sv-muted); font-size: 13px; font-weight: 600}
.sv-ptable__name a{display: flex; align-items: center; gap: 12px}
.sv-ptable__img{position: static; flex: none; width: 48px; height: 48px}
.sv-ptable__price{margin: 0; white-space: nowrap}
.sv-ptable__go{margin: 0; white-space: nowrap}
.sv-author{grid-template-columns: 200px minmax(0, 1fr); gap: 32px}
.sv-author__img{width: 200px}
.sv-cf{padding: 24px}
.sv-cf__row{grid-template-columns: repeat(2, minmax(0, 1fr))}
.sv-foot__cols{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px}
.sv-cookie__inner{grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px}
.sv-cookie__btns{grid-template-columns: repeat(2, 132px)}
}
@media (min-width: 1024px){.sv-h1{font-size: 27px; line-height: 34px}
.sv-head__row{height: 68px; gap: 28px}
.sv-burger, .sv-drawer, .sv-nav-toggle:checked ~ .sv-drawer{display: none}
.sv-logo{font-size: 22px}
.sv-nav{display: flex; align-items: center; gap: 20px; min-width: 0}
.sv-catmenu{position: relative; flex: none}
.sv-catmenu > summary{display: inline-flex; align-items: center; gap: 4px; padding: 8px 0; color: var(--sv-primary); font-size: 15px; font-weight: 700}
.sv-catmenu__chev{transition: transform .15s}
.sv-catmenu[open] .sv-catmenu__chev{transform: rotate(180deg)}
.sv-catmenu__panel{position: absolute; top: calc(100% + 14px); left: -16px; z-index: 40; width: 320px; padding: 8px 0; border: 1px solid var(--sv-line); border-radius: var(--sv-r); background: var(--sv-bg)}
.sv-catmenu__panel ul{margin: 0; padding: 0; list-style: none}
.sv-catmenu__panel a{display: flex; justify-content: space-between; gap: 12px; padding: 7px 16px; color: var(--sv-text); font-size: 15px; line-height: 22px; text-decoration: none}
.sv-catmenu__panel a:hover, .sv-catmenu__panel a[aria-current]{background: var(--sv-soft); color: var(--sv-primary)}
.sv-catmenu__panel small{color: var(--sv-muted); font-size: 13px}
.sv-nav__list{display: flex; gap: 18px; min-width: 0; margin: 0; padding: 0; list-style: none; white-space: nowrap}
.sv-nav__list a{color: var(--sv-text); font-size: 15px; text-decoration: none}
.sv-nav__list a:hover, .sv-nav__list a[aria-current]{color: var(--sv-primary); text-decoration: underline}
.sv-nav__list li:nth-child(n+6){display: none}
.sv-head__search{margin-right: 0}
.sv-head__search span{position: static; width: auto; height: auto; overflow: visible; clip: auto}
.sv-sec{padding: 40px 0}
.sv-grid{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px}
.sv-grid--three{grid-template-columns: repeat(3, minmax(0, 1fr))}
.sv-tile{padding: 14px}
.sv-guides{grid-template-columns: repeat(4, minmax(0, 1fr))}
.sv-guides--three{grid-template-columns: repeat(3, minmax(0, 1fr))}
.sv-top{gap: 40px}
.sv-prod__layout{grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; margin-top: 36px}
.sv-prod__aside{display: flex; flex-direction: column; gap: 16px; min-width: 0; padding-top: 4px}
.sv-prod__aside .sv-box + .sv-box{margin-top: 0}
.sv-page__layout{grid-template-columns: minmax(0, 1fr) 300px; gap: 48px}
.sv-post__layout{grid-template-columns: minmax(0, 1fr) 280px; gap: 48px}
.sv-toc{position: sticky; top: 16px}
.sv-foot__cols{grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 32px}
}
@media (min-width: 1180px){.sv-nav__list li:nth-child(n+6){display: list-item}
.sv-nav__list li:nth-child(n+8){display: none}
}
@media (min-width: 1280px){.sv-nav__list li:nth-child(n+8){display: list-item}
.sv-nav__list li:nth-child(n+9){display: none}
}
@media (min-width: 1366px){.sv-nav__list li:nth-child(n+9){display: list-item}
.sv-nav__list li:nth-child(n+11){display: none}
}
@media (min-width: 1440px){.sv-head__wrap{padding-left: 48px; padding-right: 48px}
.sv-nav__list li:nth-child(n+11){display: list-item}
}