oilogic-product-recommendations{display:block}oilogic-product-recommendations[hidden]{display:none}oilogic-recommended-slider{display:block;width:100%;--recommended-card-w: 172px;--recommended-card-img-h: 199px;--recommended-pad-x: var(--fluid-16-60);--recommended-nav-btn-radius: 24px}@media(min-width:990px){oilogic-recommended-slider{--recommended-card-w: 315px;--recommended-card-img-h: 364px}}@media(min-width:990px){oilogic-recommended-slider.recommended--fluid-cards{--recommended-card-w: var(--fluid-315-420);--recommended-card-img-h: var(--fluid-364-485)}}.recommended{display:block;padding-block-start:var(--rec-pt-mobile, var(--fluid-48-64));padding-block-end:var(--rec-pb-mobile, var(--fluid-48-64));overflow:hidden}@media(min-width:768px){.recommended{padding-block-start:var(--rec-pt-desktop, var(--fluid-48-64));padding-block-end:var(--rec-pb-desktop, var(--fluid-48-64))}}.recommended:not(.section--full-width){max-width:calc(var(--fluid-base) * 1px);margin-inline:auto}.recommended__container{display:flex;flex-direction:column;gap:var(--fluid-24-32)}@media(max-width:767px){.recommended{padding-inline:16px}.recommended__heading-wrap,.recommended__footer{padding-inline:0}}.recommended__heading-wrap{padding-inline:var(--recommended-pad-x);text-align:start}@media(min-width:990px){.recommended__heading-wrap{text-align:center}}.recommended__heading{margin:0;font-family:var(--font-display-family);font-size:var(--fluid-28-36);font-weight:var(--font-weight-regular);line-height:var(--line-height-display);letter-spacing:-.02em;color:var(--color-foreground);text-transform:uppercase}.recommended__slider-wrapper{overflow:hidden}.recommended__viewport{overflow:visible;width:100%}.recommended__track{display:flex;align-items:stretch}.recommended__slide{width:var(--recommended-card-w);height:auto;flex:0 0 auto;margin-inline:calc(var(--fluid-16-24) / 2)}.recommended__card{display:flex;flex-direction:column;gap:var(--fluid-12-16);padding-bottom:var(--card-shadow-bleed, 3px)}.recommended__card-image-link{display:block;text-decoration:none}.recommended__card-image-frame{position:relative;display:flex;flex-direction:column;justify-content:space-between;block-size:var(--recommended-card-img-h);padding:var(--spacing-12);border-radius:var(--radius-lg);background:linear-gradient(to bottom,color-mix(in srgb,var(--recommended-card-bg, #e0ebff) 30%,transparent),var(--recommended-card-bg, #e0ebff));overflow:hidden}.recommended__card-badge{position:relative;z-index:1;align-self:flex-start;display:inline-block;padding-block:4px;padding-inline:var(--spacing-12);border-radius:var(--radius-pill);background-color:var(--color-badge-background, var(--color-brand-yellow));color:var(--color-badge-text, var(--color-ink));font-family:var(--font-body-family);font-size:var(--fluid-12-14);font-weight:var(--font-weight-light);line-height:1.1;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);white-space:nowrap}.recommended__card-seal{position:absolute;z-index:1;left:var(--spacing-12);bottom:var(--spacing-12);display:block;width:var(--fluid-43-79);height:var(--fluid-58-108);aspect-ratio:43 / 58}@media(min-width:990px){.recommended__card-seal{aspect-ratio:68 / 93;bottom:14px}}.recommended__card-seal img{display:block;width:100%;height:100%;object-fit:contain}.recommended__card-media{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-12);pointer-events:none}.recommended__card-media img{display:block;inline-size:100%;block-size:100%;object-fit:contain;object-position:center}.recommended__card-media--primary{opacity:1;transition:opacity .3s ease}.recommended__card-media--secondary{opacity:0;transition:opacity .3s ease}.recommended__card-image-link:hover .recommended__card-media--primary{opacity:0}.recommended__card-image-link:hover .recommended__card-media--secondary{opacity:1}@media(prefers-reduced-motion:reduce){.recommended__card-media--primary,.recommended__card-media--secondary{transition:none}}.recommended__card-info{display:flex;flex-direction:column;gap:var(--spacing-8)}.recommended__card-title{margin:0;font-family:var(--font-body-family);font-size:var(--fluid-16-18);font-weight:var(--font-weight-light);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended__card-title a{color:inherit;text-decoration:none}.recommended__card-title a:hover{color:var(--color-brand-blue)}.recommended__card-title a:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px;border-radius:2px}.recommended__card-rating{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--spacing-6);min-block-size:20px}.recommended__card-rating--placeholder{visibility:hidden}.recommended__stars{display:inline-flex;gap:2px}.recommended__star{display:block;inline-size:14px;block-size:14px;color:var(--color-gray-300);flex-shrink:0}.recommended__star--filled{color:var(--color-warning)}.recommended__card-rating-text{font-family:var(--font-body-family);font-size:var(--fluid-12-14);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);color:var(--color-gray-800)}@media(min-width:990px){.recommended__card-rating-text{line-height:var(--line-height-body)}}.recommended__card-footer{margin-block-start:auto}.recommended__atc-wrap{display:block}.recommended__form{margin:0}.recommended__atc-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:100%;padding-block:var(--fluid-12-16);padding-inline:var(--spacing-20);gap:var(--spacing-12);border:1px solid transparent;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-family:var(--font-body-family);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media(max-width:767px){.recommended__atc-btn:not(:has(.recommended__atc-compare)){gap:var(--spacing-8)}}.recommended__atc-btn:hover{background-color:transparent;color:var(--color-brand-blue);border-color:var(--color-brand-blue)}.recommended__atc-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px}.recommended__atc-btn[disabled],.recommended__atc-btn--disabled{background-color:var(--color-gray-400);cursor:not-allowed}.recommended__atc-btn[data-loading]{background-color:transparent;color:var(--color-brand-blue);border-color:var(--color-brand-blue);cursor:wait}.recommended__atc-left{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);flex-shrink:0}.recommended__atc-icon{inline-size:16px;block-size:17px;flex-shrink:0}@media(min-width:990px){.recommended__atc-icon{aspect-ratio:16 / 17}}.recommended__atc-label{display:none}@media(min-width:990px){.recommended__atc-label{display:inline;font-size:var(--fluid-14-16);font-weight:var(--font-weight-semibold);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;white-space:nowrap}}.recommended__atc-price{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);font-size:var(--fluid-16-18);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-body);white-space:nowrap;flex-shrink:0}.recommended__atc-compare{opacity:.5;text-decoration:line-through;font-size:inherit}.recommended__footer{display:flex;align-items:center;justify-content:center;gap:var(--fluid-24-32);padding-inline:var(--recommended-pad-x)}@media(min-width:990px){.recommended__footer{justify-content:flex-start}}.recommended__progress-wrap{display:none}@media(min-width:990px){.recommended__progress-wrap{display:block;flex:1 1 auto;padding-block-start:var(--spacing-8)}}.recommended__progress-track{position:relative;block-size:5px;border-radius:30px;background-color:var(--color-blue-50);overflow:hidden}.recommended__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0%;border-radius:30px;background-color:var(--color-blue-200);transition:width .15s ease}.recommended__nav{display:flex;align-items:center;gap:var(--spacing-8);flex-shrink:0}.recommended__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-12);gap:24px;border:1px solid var(--color-brand-blue);border-radius:var(--recommended-nav-btn-radius);background-color:var(--color-brand-yellow);color:var(--color-brand-blue);cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}@media(min-width:990px){.recommended__nav-btn{width:48px;height:44px;padding:var(--spacing-8);aspect-ratio:48 / 44}}@media(hover:hover)and (pointer:fine){.recommended__nav-btn:hover{background-color:var(--color-brand-blue);color:var(--color-brand-yellow)}}.recommended__nav-btn:active,.recommended__nav-btn.is-pressed{background-color:var(--color-brand-blue);color:var(--color-brand-yellow)}.recommended__nav-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-brand-blue));outline-offset:2px}.recommended__nav-icon{display:block;inline-size:20px;block-size:15px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.recommended__atc-btn,.recommended__nav-btn,.recommended__progress-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-recommended-products.css.map */