@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-25px) scale(1.08)}}

.group-block{margin-bottom:70px}
.group-head{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;position:relative;padding-left:16px}
.group-head::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:var(--lime);border-radius:2px}
.group-head h2{font-size:24px}
.group-head span{color:#697680;font-size:14px}

.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.prod-card:hover{box-shadow:var(--shadow);border-color:var(--lime);transform:translateY(-6px)}
.prod-thumb{height:150px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--green);transition:background .3s,color .3s}
.prod-thumb i{transition:transform .35s var(--ease)}
.prod-card:hover .prod-thumb{background:var(--navy);color:var(--lime)}
.prod-card:hover .prod-thumb i{transform:scale(1.15) rotate(-6deg)}
.prod-body{padding:20px}
.prod-body h4{font-size:16.5px;margin-bottom:8px}
.prod-body p{font-size:13.5px;color:#697680;margin-bottom:14px}
.prod-link{font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--green);display:inline-flex;align-items:center;gap:4px;transition:gap .25s,color .25s}
.prod-card:hover .prod-link{gap:8px;color:var(--lime-dark)}

@media(max-width:900px){
  .prod-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .prod-grid{grid-template-columns:1fr}
}