.cyl{--cyl-heading: #2a2b2a;--cyl-text: #3d3d3b;--cyl-muted: #676762;--cyl-accent: #99303d;--cyl-soft: #f7f5f2;--cyl-soft-accent: #fbf3f4;--cyl-border: #e7e2dc;--cyl-success: #2f6b4f;--cyl-warning: #8a5a12;background:#fff;color:var(--cyl-text);font-family:var(--body-font-family);font-size:16px;padding:clamp(36px,6vw,72px) 0}.cyl,.cyl *{box-sizing:border-box}.cyl__container{width:min(100%,1180px);margin:0 auto;padding:0 max(var(--gutter, 20px),20px)}.cyl__eyebrow,.cyl__path-number{margin:0 0 10px;color:var(--cyl-accent);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.cyl__hero{max-width:900px;margin:0 auto clamp(48px,7vw,76px);text-align:center}.cyl__title{margin:0 0 18px;color:var(--cyl-heading);font-family:var(--heading-font-family);font-size:clamp(38px,5vw,58px);line-height:1.08}.cyl__intro{max-width:760px;margin:0 auto;color:var(--cyl-muted);font-size:clamp(17px,1.5vw,19px);line-height:1.7}.cyl__intro p{margin:0}.cyl__hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin-top:26px}.cyl__hero-actions .btn{min-height:50px;padding-inline:26px;font-size:15px}.cyl__default-note{max-width:700px;margin:22px auto 0;padding:13px 18px;border-radius:10px;background:var(--cyl-soft);color:var(--cyl-muted);font-size:14px;line-height:1.55}.cyl__default-note strong{color:var(--cyl-heading)}.cyl__default-note a{margin-left:5px;color:var(--cyl-accent);font-weight:700;text-decoration:none;white-space:nowrap}.cyl__default-note a:hover{text-decoration:underline;text-underline-offset:3px}.cyl__finder{scroll-margin-top:24px;margin-bottom:clamp(64px,9vw,96px);padding:clamp(26px,5vw,48px);border:1px solid var(--cyl-border);border-radius:16px;background:var(--cyl-soft-accent)}.cyl__finder-heading{max-width:760px;margin-bottom:28px}.cyl__finder-heading h2,.cyl__section-heading h2{margin:0 0 10px;color:var(--cyl-heading);font-family:var(--heading-font-family);font-size:clamp(30px,4vw,42px);line-height:1.2}.cyl__finder-heading>p:last-child,.cyl__section-heading>p:last-child{margin:0;color:var(--cyl-muted);font-size:17px;line-height:1.65}.cyl__finder-form{display:grid;gap:24px}.cyl__finder-step{min-width:0;margin:0;padding:0;border:0}.cyl__finder-step[hidden]{display:none}.cyl__finder-step legend{width:100%;margin-bottom:13px;color:var(--cyl-heading);font-size:18px;font-weight:700}.cyl__finder-step legend span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;margin-right:8px;border-radius:50%;background:var(--cyl-accent);color:#fff;font-size:14px}.cyl__choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cyl__choice{position:relative;display:block;min-width:0;cursor:pointer}.cyl__choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cyl__choice span{display:flex;min-height:52px;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--cyl-border);border-radius:9px;background:#fff;color:var(--cyl-heading);font-size:15px;font-weight:700;line-height:1.35;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease}.cyl__choice:hover span{border-color:var(--cyl-accent)}.cyl__choice input:focus-visible+span{outline:3px solid var(--cyl-accent);outline-offset:3px}.cyl__choice input:checked+span{border-color:var(--cyl-accent);background:var(--cyl-accent);color:#fff}.cyl__finder-submit{justify-self:start;min-height:50px;padding-inline:26px;font-size:15px}.cyl__finder-submit:disabled{cursor:not-allowed;opacity:.45}.cyl__show-all{padding:7px 2px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--cyl-accent);cursor:pointer;font:inherit;font-weight:700}.cyl__recommendations{margin-bottom:clamp(64px,9vw,96px)}.cyl__section-heading{max-width:800px;margin:0 auto 24px;text-align:center}.cyl__show-all{display:block;margin:24px auto 0;color:var(--cyl-muted);font-size:13px;font-weight:600}.cyl__paths{display:grid;gap:clamp(52px,7vw,76px)}.cyl__path{scroll-margin-top:24px}.cyl__path[hidden]{display:none}.cyl__match-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:13px 16px;border:1px solid #ead0d4;border-radius:10px;background:var(--cyl-soft-accent)}.cyl__match-strip[hidden]{display:none}.cyl__match-strip p{margin:0;color:var(--cyl-muted);font-size:14px;line-height:1.45}.cyl__match-strip strong{display:block;margin-bottom:2px;color:var(--cyl-accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.cyl__match-strip a{flex:0 0 auto;color:var(--cyl-accent);font-size:13px;font-weight:700;text-decoration:none}.cyl__match-strip a:hover{text-decoration:underline;text-underline-offset:3px}.cyl__path-header{display:grid;gap:18px;align-items:start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--cyl-border)}.cyl__path-number{margin-bottom:7px}.cyl__path-header h2{margin:0 0 9px;color:var(--cyl-heading);font-family:var(--heading-font-family);font-size:clamp(28px,3.5vw,38px);line-height:1.2}.cyl__path-header>div:first-child>p:last-child{max-width:650px;margin:0;color:var(--cyl-muted);font-size:16px;line-height:1.65}.cyl__path-summary{padding:16px 18px;border-radius:10px;background:var(--cyl-soft)}.cyl__path-summary p{margin:0 0 7px;font-size:14px;line-height:1.5}.cyl__path-summary p:last-child{margin-bottom:0}.cyl__product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:20px;justify-content:center;margin:0;padding:0;list-style:none}.cyl__product-card{position:relative;display:flex;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--cyl-border);border-radius:14px;background:#fff}.cyl__product-tier{position:absolute;z-index:2;top:13px;left:13px;padding:7px 11px;border-radius:999px;background:var(--cyl-heading);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cyl__product-image{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#fff}.cyl__product-image img,.cyl__placeholder{width:100%;height:100%;object-fit:contain}.cyl__product-image--restock{display:flex;align-items:center;justify-content:center;background:var(--cyl-soft)}.cyl__product-image--restock span{color:var(--cyl-warning);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cyl__product-content{display:flex;flex:1;flex-direction:column;padding:22px}.cyl__availability{margin:0 0 7px;color:var(--cyl-success);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cyl__availability--out{color:var(--cyl-accent)}.cyl__availability--restocking{color:var(--cyl-warning)}.cyl__product-content h3{margin:0 0 9px;color:var(--cyl-heading);font-family:var(--body-font-family);font-size:19px;font-weight:700;line-height:1.38}.cyl__product-content h3 a{color:inherit;text-decoration:none}.cyl__product-content h3 a:hover{text-decoration:underline;text-underline-offset:3px}.cyl__price{margin-bottom:12px;font-size:16px}.cyl__reviews{min-height:18px;margin:-3px 0 10px}.cyl__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}.cyl__badges li{padding:5px 8px;border:1px solid #d9e8df;border-radius:999px;background:#f3f8f5;color:#275b43;font-size:11px;font-weight:700;line-height:1.2}.cyl__badges li:before{content:"\2713";margin-right:4px}.cyl__product-reason{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.55}.cyl__caution{margin:0 0 16px;padding:11px 13px;border-left:3px solid var(--cyl-accent);border-radius:0 7px 7px 0;background:var(--cyl-soft-accent);color:var(--cyl-muted);font-size:13px;line-height:1.55}.cyl__product-action{margin-top:auto}.cyl__product-action .btn{width:100%;min-height:48px;font-size:14px}.cyl__path-more{margin:20px 0 0;text-align:center}.cyl__path-more a{color:var(--cyl-accent);font-size:14px;font-weight:700;text-decoration:none}.cyl__path-more a:hover{text-decoration:underline;text-underline-offset:3px}.cyl__compatibility{margin-bottom:clamp(64px,9vw,96px);border:1px solid var(--cyl-border);border-radius:14px;background:#fff}.cyl__compatibility>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;color:var(--cyl-heading);cursor:pointer;font-family:var(--heading-font-family);font-size:clamp(21px,3vw,28px);font-weight:700;line-height:1.25;list-style:none}.cyl__compatibility>summary::-webkit-details-marker{display:none}.cyl__compatibility>summary small{display:block;margin-bottom:4px;color:var(--cyl-accent);font-family:var(--body-font-family);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cyl__compatibility-action{flex:0 0 auto;color:var(--cyl-accent);font-family:var(--body-font-family);font-size:13px;font-weight:700}.cyl__compatibility[open] .cyl__compatibility-action{font-size:0}.cyl__compatibility[open] .cyl__compatibility-action:after{content:"Close guide";font-size:13px}.cyl__compatibility-body{padding:0 24px 24px}.cyl__compatibility-body>p{margin:0 0 18px;color:var(--cyl-muted);font-size:15px;line-height:1.6}.cyl__table-wrap{overflow-x:auto;border:1px solid var(--cyl-border);border-radius:10px}.cyl__table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.5}.cyl__table th,.cyl__table td{padding:16px 18px;border-bottom:1px solid var(--cyl-border);text-align:left;vertical-align:top}.cyl__table thead th{background:var(--cyl-soft);color:var(--cyl-heading);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.cyl__table tbody tr:last-child th,.cyl__table tbody tr:last-child td{border-bottom:0}.cyl__usage{display:grid;gap:24px;margin-bottom:clamp(64px,9vw,96px);padding:clamp(26px,5vw,44px);border-radius:14px;background:var(--cyl-soft)}.cyl__usage h2{margin:0;color:var(--cyl-heading);font-family:var(--heading-font-family);font-size:clamp(28px,3vw,36px);line-height:1.25}.cyl__usage ol{display:grid;gap:11px;margin:0;padding-left:23px;font-size:15px;line-height:1.6}.cyl__faq{margin-bottom:clamp(64px,9vw,96px)}.cyl__faq-list{max-width:860px;margin:0 auto;border-top:1px solid var(--cyl-border)}.cyl__faq-list details{border-bottom:1px solid var(--cyl-border)}.cyl__faq-list summary{position:relative;padding:20px 46px 20px 0;color:var(--cyl-heading);cursor:pointer;font-family:var(--heading-font-family);font-size:clamp(18px,2vw,20px);font-weight:600;line-height:1.35;list-style:none}.cyl__faq-list summary::-webkit-details-marker{display:none}.cyl__faq-list summary:after{content:"+";position:absolute;top:50%;right:7px;color:var(--cyl-accent);font-family:var(--body-font-family);font-size:25px;font-weight:400;line-height:1;transform:translateY(-50%)}.cyl__faq-list details[open] summary:after{content:"\2212"}.cyl__faq-answer{max-width:750px;padding:0 46px 20px 0;color:var(--cyl-text);font-size:15px;line-height:1.7}.cyl__faq-answer p{margin:0}.cyl__final{display:grid;gap:20px;align-items:center;padding:clamp(28px,5vw,46px);border-radius:14px;background:var(--cyl-heading);color:#fff}.cyl__final h2{margin:0 0 7px;color:#fff;font-family:var(--heading-font-family);font-size:clamp(28px,3vw,36px)}.cyl__final p{margin:0 0 10px;font-size:15px;line-height:1.6}.cyl__browse-all{color:#fff;font-size:14px;font-weight:700;text-underline-offset:3px}.cyl__final-actions{display:flex;flex-wrap:wrap;gap:10px}.cyl__final .btn{min-height:48px;font-size:14px;white-space:nowrap}.cyl__final .btn--secondary{--btn-alt-text-color: 255 255 255;--btn-alt-bg-color: 42 43 42;--btn-alt-bg-alpha: 0}.cyl a:focus-visible,.cyl button:focus-visible,.cyl summary:focus-visible{outline:3px solid var(--cyl-accent);outline-offset:3px}@media(min-width:600px){.cyl__choice-grid--use{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:750px){.cyl__path-header{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr)}.cyl__usage{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.cyl__final{grid-template-columns:minmax(0,1fr) auto}.cyl__final-actions{justify-content:flex-end}}@media(min-width:990px){.cyl__choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cyl__choice-grid--use{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.cyl{padding-top:26px}.cyl__container{padding-inline:16px}.cyl__hero{text-align:left}.cyl__intro{margin-left:0}.cyl__hero-actions{align-items:flex-start;justify-content:flex-start}.cyl__default-note{margin-left:0}.cyl__finder{padding-inline:18px}.cyl__product-grid{grid-template-columns:minmax(0,1fr)}.cyl__product-image{aspect-ratio:4 / 3}.cyl__match-strip{align-items:flex-start}.cyl__table-wrap{overflow:visible;border:0}.cyl__table{display:block;min-width:0;background:transparent}.cyl__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.cyl__table tbody{display:grid;gap:12px}.cyl__table tbody,.cyl__table tr,.cyl__table th,.cyl__table td{width:100%}.cyl__table tr{display:block;padding:16px;border:1px solid var(--cyl-border);border-radius:10px;background:#fff}.cyl__table th,.cyl__table td{display:block;padding:0;border:0}.cyl__table th[scope=row]{margin-bottom:12px;color:var(--cyl-heading);font-size:17px;line-height:1.35}.cyl__table td{margin-top:10px;color:var(--cyl-text);font-size:14px;line-height:1.55}.cyl__table td:before{display:block;margin-bottom:2px;color:var(--cyl-muted);content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cyl__final-actions{display:grid}.cyl__final-actions .btn{width:100%}}@media(max-width:420px){.cyl__finder-submit{width:100%}.cyl__compatibility>summary{align-items:flex-start;padding-inline:18px}.cyl__compatibility-body{padding-inline:18px}}@media(max-width:340px){.cyl__choice-grid{grid-template-columns:1fr}.cyl__match-strip{display:grid}}@media(prefers-reduced-motion:reduce){.cyl *{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/149/assets/choose-your-lube.css.map */