/* OEM catalogue and detail views share the site's typography, colours and spacing. */
.hidraoil-site .ov-page{--ov-green:#287c46;--ov-ink:#23382b;--ov-muted:#687269;--ov-border:#dde5df;--ov-soft:#f5f8f6;--ov-yellow:#ffb900;width:min(100% - 96px,1248px);margin:0 auto;padding:28px 0 64px;color:var(--ov-ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ov-page [hidden]{display:none!important}.ov-page :is(a,button,summary,input):focus-visible{outline:3px solid var(--ov-green);outline-offset:4px}.ov-page a{color:var(--ov-green);text-underline-offset:.2em}.ov-page a:hover{text-decoration:underline}.ov-page button,.ov-page input{font:inherit}.ov-page img{max-width:100%}
.ov-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid var(--ov-border);list-style:none;font-size:.86rem;color:var(--ov-muted)}.ov-breadcrumb li{min-width:0;overflow-wrap:anywhere}.ov-breadcrumb li+li:before{content:"/";color:#8b978e;margin-right:1rem}.ov-breadcrumb a{text-decoration:none}
.ov-eyebrow{margin:0 0 9px;color:var(--ov-green);font-size:.8rem;font-weight:700;letter-spacing:.1em}.hidraoil-site .ov-page h1{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}.ov-shipping{display:flex;align-items:center;gap:.5rem;margin:14px 0 0;color:var(--ov-muted);font-size:.88rem}.ov-shipping span{font-size:1.2rem;color:var(--ov-green)}
.ov-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"gallery heading" "gallery purchase" "gallery identification";gap:22px 38px;align-items:start}.ov-product-heading{grid-area:heading}.ov-gallery{grid-area:gallery;min-width:0}.ov-purchase{grid-area:purchase}.ov-identification{grid-area:identification}
.ov-gallery-frame{overflow:hidden;background:#fff;border:1px solid var(--ov-border);border-radius:12px}.ov-gallery-toolbar{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 18px;border-bottom:1px solid var(--ov-border)}.ov-brand-logo{display:flex;align-items:center;min-width:0;font-weight:600}.ov-brand-logo img{max-width:160px;width:auto;height:auto;max-height:42px;object-fit:contain}.ov-image-counter{margin-left:auto;white-space:nowrap;font-size:.86rem;color:var(--ov-muted);font-variant-numeric:tabular-nums}
.ov-main-image{position:relative;overflow:hidden;aspect-ratio:1.12;background:#fff}.ov-main-image>a{display:block;height:100%;cursor:zoom-in}.ov-main-image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .2s ease}.ov-main-image>img{position:absolute;inset:0}.ov-gallery-prev,.ov-gallery-next{position:absolute;top:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ov-border);border-radius:50%;background:#ffffffed;color:var(--ov-ink);font-size:30px!important;line-height:1;cursor:pointer;box-shadow:0 2px 8px #23382b0a}.ov-gallery-prev{left:10px}.ov-gallery-next{right:10px}.ov-gallery-prev:hover,.ov-gallery-next:hover{border-color:var(--ov-green);background:#edf8f0}.ov-open-image{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--ov-border);font-size:.82rem;text-decoration:none}
.ov-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;margin-top:14px}.ov-thumbnails button{padding:3px;overflow:hidden;border:2px solid var(--ov-border);border-radius:7px;background:#fff;cursor:pointer;aspect-ratio:1}.ov-thumbnails button[aria-pressed=true]{border-color:var(--ov-green);box-shadow:0 0 0 1px var(--ov-green)}.ov-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}.ov-image-note{margin:12px 8px 0;color:var(--ov-muted);font-size:.78rem;text-align:center;line-height:1.6}
.ov-purchase{padding:24px;border:1px solid var(--ov-border);border-top:3px solid #3bb963;border-radius:10px;background:var(--ov-soft)}.ov-price{margin:0 0 14px;font-size:clamp(23px,2.4vw,30px);font-weight:700;line-height:1.3}.ov-price-note{margin:-6px 0 14px;color:var(--ov-muted);font-size:.78rem}.ov-availability{margin:0 0 16px;font-size:.9rem}.ov-primary-button,.ov-secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:13px 18px;border:1px solid transparent;border-radius:7px;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere}.ov-page .ov-primary-button{width:100%;color:#202810;background:var(--ov-yellow);border-color:var(--ov-yellow)}.ov-page .ov-primary-button:hover{color:#202810;background:#ffca3d;border-color:#efac00;text-decoration:none}.ov-primary-button svg{flex-shrink:0}.ov-page .ov-secondary-button{color:var(--ov-green);background:#fff;border-color:var(--ov-green);font-size:.9rem}.ov-secondary-button:hover{background:#edf8f0;text-decoration:none}
.ov-reference-list{margin:20px 0 0}.ov-reference-list>div{display:grid;grid-template-columns:minmax(130px,.95fr) minmax(0,1fr);gap:15px;padding:12px 0;border-top:1px solid var(--ov-border);font-size:.89rem}.ov-reference-list dt{color:var(--ov-muted);font-weight:400}.ov-reference-list dd{display:flex;align-items:center;gap:8px;min-width:0;margin:0;overflow-wrap:anywhere;word-break:break-word}.ov-reference-list dd strong{font-weight:650}.ov-copy{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--ov-border);border-radius:6px;background:#fff;color:var(--ov-green);cursor:pointer}.ov-copy:hover{border-color:var(--ov-green)}
.ov-identification{padding:4px 0}.hidraoil-site .ov-page .ov-identification h2{margin:0 0 8px;font-size:1rem;font-weight:650;letter-spacing:0}.ov-identification p{margin:0 0 10px;color:var(--ov-muted);font-size:.875rem}.ov-identification a{font-size:.875rem;font-weight:600}
.ov-details{margin-top:40px;padding-top:30px;border-top:1px solid var(--ov-border);scroll-margin-top:130px}.hidraoil-site .ov-page .ov-details>h2,.hidraoil-site .ov-page .ov-section-heading h2{margin:0 0 20px;font-size:clamp(22px,2vw,28px);line-height:1.3}.ov-description{max-width:1000px;overflow-wrap:anywhere;font-size:.96rem;line-height:1.85}.ov-description p{margin:0 0 1em}.ov-description img{max-width:100%;height:auto}.ov-description table{max-width:100%;border-collapse:collapse}.ov-description :is(th,td){padding:8px;border:1px solid var(--ov-border)}.ov-description pre{white-space:pre-wrap}.ov-description :is(h2,h3,h4){scroll-margin-top:130px}.ov-documents,.ov-applications{padding:0;margin:0;list-style:none}.ov-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ov-documents a{display:flex;gap:14px;align-items:center;height:100%;padding:16px 18px;border:1px solid var(--ov-border);border-radius:8px;text-decoration:none;font-weight:600;overflow-wrap:anywhere}.ov-documents a:hover{border-color:var(--ov-green);background:var(--ov-soft)}.ov-documents a>span:last-child{margin-left:auto}.ov-document-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:40px;border-radius:6px;background:#edf5ef;font-size:22px}.ov-documents small{display:block;color:var(--ov-muted);font-size:.78rem;font-weight:400;margin-top:3px}.ov-applications{display:flex;flex-wrap:wrap;gap:10px}.ov-applications a{display:block;min-height:44px;padding:8px 15px;border:1px solid var(--ov-border);border-radius:6px;font-size:.9rem;text-decoration:none}.ov-applications a:hover{border-color:var(--ov-green);background:var(--ov-soft)}
.ov-related{margin-top:40px;padding-top:30px;border-top:1px solid var(--ov-border)}.ov-section-heading{display:flex;gap:18px;justify-content:space-between;align-items:baseline;margin-bottom:20px}.hidraoil-site .ov-page .ov-section-heading h2{margin-bottom:0}.ov-section-heading>a{flex-shrink:0;font-size:.84rem;font-weight:600}.ov-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ov-related .ov-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ov-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--ov-border);border-radius:9px;background:#fff}.ov-card-image{display:grid;place-items:center;aspect-ratio:1.35;padding:16px;border-bottom:1px solid #edf0ee;overflow:hidden}.ov-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.ov-card-image:hover img{transform:scale(1.04)}.ov-card-body{display:flex;flex-direction:column;flex:1;padding:17px}.ov-card-brand{margin:0 0 7px;color:var(--ov-green);font-size:.8rem;font-weight:650}.ov-card-code{margin:0 0 9px;color:var(--ov-muted);font-size:.75rem;overflow-wrap:anywhere}.hidraoil-site .ov-page .ov-card h3{margin:0 0 14px;font-size:.94rem;line-height:1.55;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.ov-card h3 a{color:var(--ov-ink);text-decoration:none}.ov-card h3 a:hover{color:var(--ov-green);text-decoration:underline}.ov-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid #edf0ee;font-size:.8rem;font-weight:650;text-decoration:none}.ov-back-catalog{margin:32px 0 0;font-size:.88rem}
.ov-feedback{position:fixed;z-index:1100;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);margin:0;padding:12px 20px;border-radius:8px;background:#23382b;color:#fff;box-shadow:0 4px 20px #0002;font-size:.86rem}.ov-mobile-dock{display:none}
.ov-catalog-heading{max-width:900px;margin-bottom:28px}.ov-catalog-heading>p:last-child{max-width:780px;margin:17px 0 0;color:var(--ov-muted);font-size:1rem}.ov-search{padding:20px 22px;margin:0 0 30px;border:1px solid var(--ov-border);border-radius:10px;background:var(--ov-soft)}.ov-search label{display:block;margin-bottom:8px;font-size:.86rem;font-weight:650}.ov-search>div{display:flex;gap:10px;align-items:center}.ov-search input{min-width:0;flex:1;min-height:48px;padding:10px 14px;border:1px solid #b8cdbf;border-radius:6px;background:#fff;color:var(--ov-ink);font-size:.94rem}.ov-search input::placeholder{color:#758079;opacity:1}.ov-search button{min-height:48px;padding:10px 22px;border:1px solid var(--ov-green);border-radius:6px;background:var(--ov-green);color:#fff;font-weight:650;font-size:.9rem;cursor:pointer}.ov-search button:hover{background:#206337}.ov-search>div>a{padding:10px;font-size:.85rem}
.ov-catalog-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:start}.ov-filters{position:sticky;top:calc(var(--hs-header-height,108px) + 18px);min-width:0;border:1px solid var(--ov-border);border-radius:9px;overflow:hidden;background:#fff}.ov-filters summary{padding:17px 16px;font-size:.86rem;font-weight:650;background:var(--ov-soft);cursor:pointer}.ov-filters nav{max-height:66vh;overflow:auto;padding:8px}.ov-filters nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:37px;padding:7px 9px;border-radius:5px;font-size:.8rem;color:var(--ov-ink);text-decoration:none;overflow-wrap:anywhere}.ov-filters nav a:hover{background:var(--ov-soft)}.ov-filters nav a[aria-current=page]{color:var(--ov-green);background:#eaf3ed;font-weight:650}.ov-filters small{flex-shrink:0;color:var(--ov-muted);font-variant-numeric:tabular-nums}.ov-results{min-width:0}.ov-results-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.ov-results-heading>p{margin:0;font-size:.88rem;color:var(--ov-muted)}.ov-results-heading strong{color:var(--ov-ink)}.ov-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:26px 0 0;font-size:.84rem}.ov-results-heading .ov-pagination{justify-content:flex-end;margin:0}.ov-pagination span{color:var(--ov-muted)}.ov-pagination a{display:block;min-height:40px;padding:7px 13px;border:1px solid var(--ov-border);border-radius:6px;text-decoration:none;white-space:nowrap}.ov-pagination a:hover{border-color:var(--ov-green);background:var(--ov-soft)}.ov-empty{padding:35px 25px;border:1px solid var(--ov-border);border-radius:8px;background:var(--ov-soft);color:var(--ov-muted)}.ov-catalog-help{display:flex;gap:28px;justify-content:space-between;align-items:center;margin-top:48px;padding:26px 30px;border:1px solid #d0e2d4;border-radius:10px;background:#f0f6f1}.hidraoil-site .ov-page .ov-catalog-help h2{margin:0 0 7px;font-size:1.15rem;letter-spacing:0}.ov-catalog-help p{max-width:760px;margin:0;color:var(--ov-muted);font-size:.88rem}.ov-catalog-help>a{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.ov-main-image>a:hover img{transform:scale(1.12)}}
@media(min-width:1200px){.ov-catalog .ov-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.hidraoil-site .ov-page{width:calc(100% - 48px)}.ov-product-layout{gap:20px 26px}.ov-purchase{padding:20px}.ov-reference-list>div{grid-template-columns:minmax(105px,.9fr) minmax(0,1fr);gap:10px;font-size:.84rem}.ov-catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.ov-catalog .ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-related .ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-documents{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.hidraoil-site .ov-page{width:calc(100% - 36px);padding-top:22px;padding-bottom:34px}.ov-breadcrumb{gap:6px 10px;margin-bottom:22px;padding-bottom:16px;font-size:.78rem}.ov-breadcrumb li+li:before{margin-right:10px}.ov-product-layout{display:flex;flex-direction:column;gap:24px}.ov-product-heading,.ov-gallery,.ov-purchase,.ov-identification{width:100%}.ov-product-heading{order:0}.ov-gallery{order:1}.ov-purchase{order:2}.ov-identification{order:3}.hidraoil-site .ov-page h1{font-size:28px}.ov-eyebrow{font-size:.73rem}.ov-main-image{aspect-ratio:1.2}.ov-gallery-toolbar{min-height:62px;padding:11px 15px}.ov-brand-logo img{max-height:36px;max-width:140px}.ov-thumbnails{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.ov-gallery-prev,.ov-gallery-next{width:42px;height:42px}.ov-price{font-size:26px}.ov-reference-list>div{grid-template-columns:minmax(110px,.9fr) minmax(0,1fr);font-size:.87rem}.ov-details,.ov-related{margin-top:30px;padding-top:25px}.ov-description{font-size:.9rem}.ov-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.ov-grid,.ov-related .ov-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ov-card-image{padding:10px;aspect-ratio:1.15}.ov-card-body{padding:12px}.ov-card-brand{font-size:.75rem}.ov-card-code{font-size:.7rem}.hidraoil-site .ov-page .ov-card h3{font-size:.84rem;line-height:1.5}.ov-card-link{font-size:.75rem}.ov-catalog-heading>p:last-child{font-size:.92rem}.ov-search{padding:16px;margin-bottom:24px}.ov-search>div{flex-wrap:wrap}.ov-search input{flex-basis:calc(100% - 100px);font-size:.86rem}.ov-search button{padding:10px 15px}.ov-search>div>a{padding:3px 0}.ov-catalog-layout{display:block}.ov-filters{position:static;margin-bottom:24px}.ov-filters nav{max-height:200px}.ov-filters nav a{min-height:40px;font-size:.86rem}.ov-results-heading{align-items:flex-start;flex-direction:column;gap:12px}.ov-results-heading .ov-pagination{justify-content:flex-start}.ov-catalog-help{flex-direction:column;align-items:stretch;gap:20px;padding:22px;margin-top:34px}.ov-catalog-help>a{align-self:flex-start}.ov-mobile-dock{position:fixed;z-index:1040;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--ov-border);background:#fffffff7;box-shadow:0 -3px 14px #0000000d;transform:translateY(110%);transition:transform .15s}.ov-mobile-dock>span{max-width:36%;min-width:0;overflow-wrap:anywhere;font-size:.83rem;line-height:1.35}.ov-mobile-dock small{display:block;margin-bottom:3px;color:var(--ov-muted);font-size:.7rem}.ov-mobile-dock .ov-primary-button{flex:1;min-height:48px;padding:11px 12px;font-size:.88rem}.ov-dock-visible .ov-mobile-dock{transform:translateY(0)}.ov-dock-visible{padding-bottom:110px!important}.ov-dock-visible .ov-feedback{bottom:95px}}
@media(prefers-reduced-motion:reduce){.ov-main-image img,.ov-card-image img,.ov-mobile-dock{transition:none}}