:root{--ab-ink: #0d151b;--ab-body: #3d454d;--ab-muted: #6b747c;--ab-red: #e21a22;--ab-red-dark: #ab2328;--ab-green: #1f9d55;--ab-line: #e6e9eb;--ab-alt: #f6f7f8}.ab-post-hero{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--ab-line);margin:3.2rem auto 4rem;max-width:120rem}@media screen and (min-width:990px){.ab-post-hero{grid-template-columns:1fr 1fr}}.ab-post-hero__text{display:flex;flex-direction:column;padding:3.2rem 2.4rem}@media screen and (min-width:750px){.ab-post-hero__text{padding:4.8rem}}.ab-post-hero__title{margin:0;font-family:var(--font-heading-family, Assistant, sans-serif);font-weight:700;font-size:3rem;line-height:1.12;letter-spacing:-.03em;color:var(--ab-ink)}@media screen and (min-width:990px){.ab-post-hero__title{font-size:3.6rem}}.ab-post-hero__title:before{content:"";display:block;width:42px;height:2px;background:var(--ab-red);margin-bottom:1.8rem}.ab-post-hero__meta{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;font-size:1.3rem;color:var(--ab-muted)}.ab-post-hero__meta .ab-dot{width:.3rem;height:.3rem;border-radius:50%;background:var(--ab-red)}.ab-post-hero__share{margin-top:auto;padding-top:3.2rem}.ab-post-hero__media{position:relative;min-height:24rem;background:var(--ab-alt);border-top:1px solid var(--ab-line)}@media screen and (min-width:990px){.ab-post-hero__media{min-height:42rem;border-top:0;border-left:1px solid var(--ab-line)}}.ab-post-hero__media .media,.ab-post-hero__media img{height:100%;width:100%;object-fit:contain;background:#fff;display:block;position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:990px){.ab-post-hero__media .media,.ab-post-hero__media img{object-fit:cover;background:#fff}}.ab-post-hero--no-image .ab-post-hero__text{padding-bottom:4.8rem}.ab-share{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.ab-share__label{font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ab-ink);margin-right:.4rem}.ab-share__btn{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:1px solid var(--ab-line);color:var(--ab-body);background:#fff;transition:background .2s ease,color .2s ease,border-color .2s ease}.ab-share__btn:hover{background:var(--ab-red);border-color:var(--ab-red);color:#fff}.ab-share__btn svg{width:1.5rem;height:1.5rem;fill:currentColor}.ab-article__content{max-width:800px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.ab-article__content,.ab-article__content .rte{font-size:1.8rem;line-height:1.75;color:var(--ab-body)}.ab-article__content p{margin:0 0 2rem}.ab-article__content a{color:var(--ab-ink);text-decoration:underline;text-underline-offset:3px}.ab-article__content a:hover{color:var(--ab-red)}.ab-article__content h2{font-family:var(--font-heading-family, Assistant, sans-serif);font-weight:700;font-size:2.6rem;line-height:1.22;letter-spacing:-.025em;margin:4.4rem 0 1.6rem;color:var(--ab-ink);scroll-margin-top:8rem}.ab-article__content>h2:before{content:"";display:block;width:42px;height:2px;background:var(--ab-red);margin-bottom:1.4rem}.ab-article__content h3{font-family:var(--font-heading-family, Assistant, sans-serif);font-weight:700;font-size:2rem;line-height:1.35;letter-spacing:-.02em;margin:3rem 0 1.2rem;color:var(--ab-ink);scroll-margin-top:8rem}.ab-article__content h4{font-weight:700;font-size:1.7rem;margin:2.4rem 0 1rem;color:var(--ab-ink);scroll-margin-top:8rem}.ab-article__content ul,.ab-article__content ol{margin:0 0 1.8rem;padding-left:2.4rem}.ab-article__content li{margin-bottom:.9rem}.ab-article__content img{height:auto;border:1px solid var(--ab-line)}.ab-article__content blockquote{margin:2.4rem 0;padding:1.4rem 2rem;border-left:3px solid var(--ab-red);background:var(--ab-alt);color:var(--ab-ink);font-style:normal}.ab-article__content hr{border:0;border-top:1px solid var(--ab-line);margin:3.2rem 0}.ab-article__content .ab-table-wrap,.ab-article__content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.ab-article__content table{border-collapse:collapse;width:100%;margin:2.4rem 0;font-size:1.6rem}.ab-article__content th,.ab-article__content td{border:1px solid var(--ab-line);padding:1.4rem 1.6rem;text-align:left;vertical-align:top;color:var(--ab-body)}.ab-article__content thead th{background:var(--ab-alt);font-weight:700;color:var(--ab-ink);border-bottom:2px solid var(--ab-red)}.ab-article__content tbody tr:nth-child(2n) td{background:var(--ab-alt)}.ab-article__content .toc{background:var(--ab-alt);border:1px solid var(--ab-line);border-left:3px solid var(--ab-red);padding:2rem 2.4rem;margin:2.8rem 0}.ab-article__content .toc h2{margin:0 0 1.2rem;font-size:1.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ab-article__content .toc h2:before{display:none}.ab-article__content .toc ul{margin:0;padding-left:2rem}.ab-article__content .toc li{margin:.6rem 0}.ab-article__content .toc a{color:var(--ab-ink);text-decoration:none;border-bottom:1px solid transparent}.ab-article__content .toc a:hover{color:var(--ab-red);border-bottom-color:var(--ab-red)}.ab-article__content .ab-callout{background:var(--ab-alt);border:1px solid var(--ab-line);border-left:3px solid var(--ab-red);padding:1.8rem 2.2rem;margin:2.4rem 0}.ab-article__content .ab-callout__label{display:inline-flex;align-items:center;gap:.7rem;font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ab-ink);margin-bottom:.8rem}.ab-article__content .ab-callout__label svg{width:1.7rem;height:1.7rem;color:var(--ab-red)}.ab-article__content .ab-callout p:last-child{margin-bottom:0}.ab-article__content .ab-takeaways{list-style:none;padding:0;margin:0 0 1.8rem}.ab-article__content .ab-takeaways li{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}.ab-article__content .ab-takeaways li>svg{flex:0 0 auto;width:2.2rem;height:2.2rem;margin-top:.2rem;color:var(--ab-red)}.ab-article__content .ab-flags{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:2.4rem 0}@media screen and (min-width:750px){.ab-article__content .ab-flags{grid-template-columns:1fr 1fr}}.ab-article__content .ab-flag{padding:1.8rem 2rem;background:#fff;border:1px solid var(--ab-line);border-top:3px solid var(--ab-line)}.ab-article__content .ab-flag--good{border-top-color:var(--ab-green)}.ab-article__content .ab-flag--bad{border-top-color:var(--ab-red)}.ab-article__content .ab-flag__title{display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1rem;color:var(--ab-ink)}.ab-article__content .ab-flag__title svg{width:2rem;height:2rem}.ab-article__content .ab-flag--good .ab-flag__title svg{color:var(--ab-green)}.ab-article__content .ab-flag--bad .ab-flag__title svg{color:var(--ab-red)}.ab-article__content .ab-flag ul{margin:0;padding-left:2rem;font-size:1.6rem}.ab-article__content .ab-steps{list-style:none;counter-reset:ab-step;padding:0;margin:2.4rem 0}.ab-article__content .ab-steps li{counter-increment:ab-step;position:relative;padding:0 0 1.8rem 4.6rem;margin:0}.ab-article__content .ab-steps li:before{content:counter(ab-step);position:absolute;left:0;top:.1rem;width:2.8rem;height:2.8rem;background:var(--ab-red);color:#fff;font-weight:700;font-size:1.4rem;border-radius:3px;display:flex;align-items:center;justify-content:center}.ab-article__content .ab-steps li:not(:last-child):after{content:"";position:absolute;left:1.35rem;top:3.2rem;bottom:.2rem;width:1px;background:var(--ab-line)}.ab-article__content .ab-faq details{border:1px solid var(--ab-line);margin-bottom:1.2rem;background:#fff}.ab-article__content .ab-faq summary{cursor:pointer;list-style:none;padding:1.6rem 4.4rem 1.6rem 2rem;font-weight:700;position:relative;color:var(--ab-ink)}.ab-article__content .ab-faq summary::-webkit-details-marker{display:none}.ab-article__content .ab-faq summary:after{content:"";position:absolute;right:2rem;top:50%;width:1rem;height:1rem;border-right:2px solid var(--ab-muted);border-bottom:2px solid var(--ab-muted);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease,border-color .2s ease}.ab-article__content .ab-faq details[open] summary:after{transform:translateY(-30%) rotate(225deg);border-color:var(--ab-red)}.ab-article__content .ab-faq details[open] summary{color:var(--ab-red)}.ab-article__content .ab-faq details>div{padding:0 2rem 1.8rem;color:var(--ab-body)}.ab-article__content .ab-verdict{background:#fdf6f6;color:var(--ab-ink);border:1px solid var(--ab-line);border-top:3px solid var(--ab-red);padding:2.8rem 3rem;margin:3rem 0}.ab-article__content .ab-verdict h2,.ab-article__content .ab-verdict h3{color:var(--ab-ink);margin-top:0}.ab-article__content .ab-verdict p{color:var(--ab-body)}.ab-article__content .ab-verdict a{color:var(--ab-red)}.ab-article__content .ab-verdict a:hover{color:var(--ab-red-dark)}.ab-article__content .ab-cta-box{background:var(--ab-alt);border:1px solid var(--ab-line);padding:2.8rem 3rem;margin:3rem 0;text-align:center}.ab-article__content .ab-cta-box p{margin-bottom:1.4rem}.ab-article__content .ab-cta-box .button,.ab-article__content .ab-cta-box a.ab-btn{display:inline-block;background:var(--ab-red);color:#fff;text-decoration:none;font-weight:700;padding:1.3rem 3rem;border:1px solid var(--ab-red);border-radius:3px;transition:background .2s ease,border-color .2s ease}.ab-article__content .ab-cta-box .button:hover,.ab-article__content .ab-cta-box a.ab-btn:hover{background:var(--ab-red-dark);border-color:var(--ab-red-dark);color:#fff}.ab-article__content figure.ab-svg-fig{margin:3rem auto;text-align:center;max-width:100%}.ab-article__content figure.ab-svg-fig svg{max-width:100%;height:auto;border:1px solid var(--ab-line);display:block}.ab-article__content figure.ab-svg-fig figcaption{margin-top:1rem;font-size:1.4rem;color:var(--ab-muted);text-align:left}.ab-article__content .ab-note{font-size:1.55rem;color:var(--ab-muted);border-left:3px solid var(--ab-line);padding-left:1.4rem;margin:2rem 0}.ab-rec{max-width:120rem;margin:0 auto 3.2rem}.ab-rec[hidden]{display:none}.ab-rec__box{border:1px solid var(--ar-accent, #e21a22);background:#fff;overflow:hidden}.ab-rec__box.is-floating{position:fixed;top:var(--ab-header-h, 0px);left:50%;transform:translate(-50%);width:calc(100% - 3.2rem);max-width:120rem;z-index:800;box-shadow:0 4px 16px #0d151b26}@media screen and (max-width:749px){.ab-rec__box.is-floating{width:calc(100% - 2rem)}}.ab-rec__bar{display:flex;align-items:center;gap:1.6rem;padding:1.2rem 1.8rem}.ab-rec__thumbs{display:flex;flex:0 0 auto;padding-left:.6rem}.ab-rec__thumbs img{width:4.2rem;height:4.2rem;object-fit:cover;border:1px solid var(--ab-line);margin-right:-1rem;background:var(--ab-alt)}.ab-rec__thumbs img:last-child{margin-right:0}.ab-rec__copy{flex:1 1 auto;min-width:0;line-height:1.3}.ab-rec__title{display:block;font-size:1.6rem;font-weight:700;color:var(--ab-ink)}.ab-rec__sub{display:block;font-size:1.3rem;color:var(--ab-muted);margin-top:.2rem}.ab-rec__toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:.7rem;background:var(--ar-accent, #e21a22);color:#fff;border:1px solid var(--ar-accent, #e21a22);border-radius:3px;padding:1.1rem 1.8rem;font-size:1.4rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.ab-rec__toggle:hover{background:var(--ab-red-dark);border-color:var(--ab-red-dark)}.ab-rec__toggle svg{width:1.2rem;height:1.2rem;transition:transform .25s ease}.ab-rec__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ab-rec__panel{border-top:1px solid var(--ab-line);max-height:60vh;overflow-y:auto}.ab-rec__panel[hidden]{display:none}.ab-rec__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem;padding:1.8rem}.ab-rec__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--ab-line);background:#fff;transition:border-color .2s ease}.ab-rec__card:hover{border-color:var(--ab-red)}.ab-rec__card-media img{width:100%;height:15rem;object-fit:cover;display:block;background:var(--ab-alt);border-bottom:1px solid var(--ab-line)}.ab-rec__card-info{padding:1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.ab-rec__card-title{font-size:1.3rem;font-weight:400;line-height:1.4;color:var(--ab-ink)}.ab-rec__card-price{font-size:1.4rem;font-weight:700;color:var(--ab-ink)}.ab-rec__card-btn{margin-top:auto;align-self:stretch;text-align:center;font-size:1.3rem;font-weight:700;padding:.8rem 0;border:1px solid var(--ab-red);background:#fff;color:var(--ab-red);border-radius:3px;transition:background .2s ease,color .2s ease,border-color .2s ease}.ab-rec__card:hover .ab-rec__card-btn{background:var(--ab-red);border-color:var(--ab-red);color:#fff}.ab-rec__footer{padding:0 1.8rem 1.8rem;text-align:center}.ab-rec__collection-btn{display:inline-block;padding:1rem 2.6rem;border:1px solid var(--ar-accent, #e21a22);background:var(--ar-accent, #e21a22);color:#fff;font-size:1.4rem;font-weight:700;border-radius:3px;text-decoration:none;transition:background .2s ease,border-color .2s ease}.ab-rec__collection-btn:hover{background:var(--ab-red-dark);border-color:var(--ab-red-dark);color:#fff}@media screen and (max-width:749px){.ab-rec__bar{gap:1rem;padding:.8rem 1rem}.ab-rec__title{font-size:1.4rem}.ab-rec__sub{display:none}.ab-rec__toggle{padding:.9rem 1.2rem;font-size:1.3rem}.ab-rec__thumbs img{width:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/automotivebypass-article.css.map */
