@font-face{font-family:Arnprior;src:url('../assets/fonts/Arnprior.otf') format('opentype');font-display:swap}
.product-page{background:#fff}.product-hero{position:relative;overflow:hidden;background:#061d18;color:#fff}.product-hero--art{min-height:0!important;line-height:0}.product-hero__art{width:100%;height:auto;display:block}.product-hero__breadcrumb-link{position:absolute;left:5%;top:8%;width:8%;height:12%;z-index:2;border-radius:6px}.product-hero__breadcrumb-link:focus-visible{outline:4px solid #ffd34e}
.catalog-section{padding:62px 0;scroll-margin-top:120px}.catalog-section.alt{background:var(--mist)}.catalog-heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}.catalog-heading__icon{flex:0 0 66px;width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:#e9f7ef;color:var(--green2)}.catalog-heading__icon svg{width:38px;height:38px}.catalog-heading h2{font-size:clamp(2.8rem,4.8vw,4.3rem);font-style:italic}.catalog-heading p{margin:5px 0 0;color:#344f74}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.catalog-card{appearance:none;border:1px solid #dbe7e2;background:#fff;padding:0;text-align:left;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(6,42,33,.06);cursor:pointer;color:var(--text);transition:transform .3s,box-shadow .3s,border-color .3s}.catalog-card:hover{transform:translateY(-7px);box-shadow:0 20px 38px rgba(6,42,33,.15);border-color:#a7d9bb}.catalog-card__image{display:block;height:205px;overflow:hidden;background:#f3f6f5}.catalog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.catalog-card:hover .catalog-card__image img{transform:scale(1.06)}.catalog-card__body{display:flex;flex-direction:column;padding:17px 17px 18px;min-height:168px}.catalog-card__body strong{font:700 1.4rem/1 "Barlow Condensed",Arial,sans-serif;color:#10213d}.catalog-card__body>span{margin-top:9px;font-size:.88rem;line-height:1.45;color:#435c84}.catalog-card__body small{margin-top:auto;padding-top:14px;color:var(--green2);font-weight:700}.catalog-card.reveal{opacity:0;transform:translateY(24px)}.catalog-card.reveal.visible{opacity:1;transform:none}.catalog-grid .catalog-card:nth-child(2){transition-delay:.06s}.catalog-grid .catalog-card:nth-child(3){transition-delay:.12s}.catalog-grid .catalog-card:nth-child(4){transition-delay:.18s}.catalog-grid .catalog-card:nth-child(5){transition-delay:.24s}
.quality-strip{position:relative;z-index:4;background:#fff;padding:18px 0;box-shadow:0 -8px 32px rgba(5,39,29,.07)}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quality-item{display:flex;align-items:center;gap:15px;padding:8px 28px;border-right:1px solid var(--line)}.quality-item:last-child{border:0}.quality-item svg{flex:0 0 42px;width:42px;height:42px;color:var(--green2)}.quality-item strong{display:block;font-size:.92rem}.quality-item span{display:block;color:var(--muted);font-size:.72rem}
.product-cta{position:relative;overflow:hidden;background:#073b29;color:#fff}.product-cta--art{line-height:0}.product-cta__art{width:100%;height:auto;display:block}.product-cta__hotspot{position:absolute;left:62%;top:18%;width:18%;height:64%;z-index:2;border-radius:8px}.product-cta__hotspot:focus-visible{outline:4px solid #ffd34e}
.category-float{position:fixed;z-index:35;top:88px;left:50%;translate:-50% -20px;display:flex;gap:5px;padding:6px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px rgba(3,34,26,.16);opacity:0;pointer-events:none;transition:.3s}.category-float.show{opacity:1;translate:-50% 0;pointer-events:auto}.category-float a{padding:8px 15px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}.category-float a.active{background:var(--green2);color:#fff}
.product-dialog{width:min(920px,calc(100% - 34px));max-width:none;padding:0;overflow:hidden}.product-dialog__layout{display:grid;grid-template-columns:44% 56%}.product-dialog__visual{background:#eef4f1;min-height:500px}.product-dialog__visual img{width:100%;height:100%;object-fit:cover}.product-dialog__content{padding:42px}.product-dialog__category{color:var(--green2);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.product-dialog h2{font-size:3.4rem;margin:8px 0 12px}.product-dialog__description{color:var(--muted);font-size:1rem}.product-dialog h3{font:700 1rem Inter;margin:24px 0 8px}.product-dialog ul{padding-left:20px;color:#34473f}.product-dialog__available{padding:13px 15px;border-left:4px solid var(--green);background:#eef8f2;color:#28443a}.product-dialog__actions{display:flex;gap:10px;margin-top:28px}.product-dialog .modal-close{z-index:3;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15)}body.modal-open{overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-card__image img,.category-float{transition:none}.catalog-card:hover{transform:none}}
.oil-services{margin-top:48px;padding-top:38px;border-top:1px solid var(--line);scroll-margin-top:120px}.oil-services__heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}.oil-services__heading h2{font-size:clamp(2.6rem,4.2vw,3.8rem);line-height:.9}.oil-services__heading span{display:block;margin-top:10px;color:#75817c;font-size:.68rem;font-weight:600;letter-spacing:.32em}.oil-services__heading p{max-width:480px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.oil-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.oil-service-card{min-height:104px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);box-shadow:0 7px 22px rgba(6,42,33,.04);transition:transform .25s,box-shadow .25s,border-color .25s,color .25s}.oil-service-card:hover,.oil-service-card:focus-visible{transform:translateY(-5px);border-color:#9bd7b3;box-shadow:0 16px 32px rgba(6,42,33,.13);color:var(--green2)}.oil-service-card i{flex:0 0 32px;color:var(--green2);font-style:normal;font-size:1.8rem}.oil-service-card b{font-size:.84rem;line-height:1.4}

/* Products: "Our Service" now sits above Metalworking Oil — divider goes below it instead of above */
.catalog-section>.container>.oil-services:first-child{margin:0 0 48px;padding:0 0 42px;border-top:0;border-bottom:1px solid var(--line)}
@media(max-width:767px){.catalog-section>.container>.oil-services:first-child{margin-bottom:34px;padding-bottom:30px}}