/* products-category */
.page-hero{padding:125px 60px 150px;position:relative;overflow:hidden;background:linear-gradient(180deg,#111 0%,var(--black) 100%);min-height:480px}
.hero-content{position:relative;z-index:2}
.products-section{padding:48px 60px 60px}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.prod-card{background:var(--mid);border:1px solid rgba(255,255,255,0.04);overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.2s;text-decoration:none;color:inherit}
.prod-card:hover{border-color:var(--yellow-hover)}
.prod-img{position:relative;background:linear-gradient(145deg,#111 0%,#1a1400 60%,#0d0d0d 100%);display:flex;align-items:flex-end;justify-content:center;padding:36px 24px 28px;height:290px;min-height:290px;overflow:hidden;flex-shrink:0;box-sizing:border-box}
.prod-img::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(245,195,0,0.08) 0%,transparent 70%)}
.prod-img img{position:relative;z-index:2;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;transition:transform 0.4s}
.prod-card:hover .prod-img img{transform:translateY(-6px)}
.prod-img-placeholder{position:relative;z-index:2;align-self:center;font-size:60px;opacity:0.2;transition:transform 0.4s}
.prod-card:hover .prod-img-placeholder{transform:translateY(-6px)}
.vis-tag{position:absolute;bottom:12px;right:12px;font-family:var(--font-display);font-size:var(--typ-small);font-weight:900;letter-spacing:0.06em;color:var(--black);background:var(--yellow);padding:5px 10px;z-index:3}
.prod-body{padding:20px 24px 24px;border-top:1px solid var(--border);flex:1;display:flex;flex-direction:column;position:relative}
.prod-body::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,var(--yellow),transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.3s}
.prod-card:hover .prod-body::before{transform:scaleX(1)}
.prod-type{font-family:var(--font-display);font-size:var(--typ-small);font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--yellow);display:flex;align-items:center;gap:8px;margin-bottom:6px}
.prod-type::before{content:'';width:16px;height:1px;background:var(--yellow)}
.prod-name{font-family:var(--font-display);font-size:var(--typ-title);font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:4px}
.prod-viscosity{font-family:var(--font-display);font-size:var(--typ-body);font-weight:700;color:var(--yellow);margin-bottom:10px}
.prod-desc{font-size:var(--typ-body);font-weight:300;color:var(--text);line-height:1.6;flex:1;margin-bottom:16px}
.prod-cta{font-family:var(--font-display);font-size:var(--typ-small);font-weight:800;letter-spacing:0.18em;text-transform:uppercase;background:var(--yellow);color:var(--black);padding:12px 20px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));transition:transform 0.15s}
.prod-cta .icon-arrow--inline{vertical-align:middle}
.prod-cta:hover{transform:translateY(-2px)}
@media(max-width:1024px){nav{padding:14px 32px}.page-hero{padding:100px 32px 48px}.products-section{padding:40px 32px 48px}.products-grid{grid-template-columns:repeat(2,1fr)}.finder-strip{padding:40px 32px}footer{padding:48px 32px 24px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:768px){nav{padding:14px 20px}.nav-links{display:none}.page-hero{padding:90px 20px 40px}.products-section{padding:32px 20px 40px}.products-grid{grid-template-columns:1fr}.finder-strip{flex-direction:column;text-align:center;padding:40px 20px}footer{padding:40px 20px 24px}.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}}